/*
 * Design tokens First Master Class — voir README du handoff design.
 * Portée volontairement globale (:root) pour que d'autres écrans du site
 * puissent réutiliser ces variables plus tard, mais les RÈGLES visuelles de
 * ce fichier de reskin restent scopées à la page "Fil d'actualités"
 * (body.directory.activity) pour ne pas casser le reste du site BuddyBoss.
 */

:root {
	--fmc-navy: #113854;
	--fmc-navy-hover: #0B2942;
	--fmc-navy-text: #2E5168;
	--fmc-navy-text-light: #8DBACC;

	--fmc-red: #E64449;
	--fmc-red-hover: #C2161A;

	--fmc-bg: #F4F8FA;
	--fmc-surface: #FFFFFF;
	--fmc-border: #E5EFF3;
	--fmc-border-hover: #B7D3F3;
	--fmc-chip-bg: #E5EFF3;

	--fmc-badge-annonces: #25316A;
	--fmc-badge-marketing: #E34448;
	--fmc-badge-seo: #299B58;
	--fmc-badge-ecommerce: #B85696;
	--fmc-badge-sessions: #E86B14;

	--fmc-radius-card: 20px;
	--fmc-radius-hero: 24px;
	--fmc-radius-pill: 999px;
	--fmc-radius-frame: 16px;
	--fmc-radius-nav: 12px;

	--fmc-font: 'Questrial', 'Century Gothic', system-ui, -apple-system, sans-serif;

	--fmc-fs-hero: 28px;
	--fmc-fs-title: 19px;
	--fmc-fs-body: 15px;
	--fmc-fs-ui: 14px;
	--fmc-fs-eyebrow: 11px;

	--fmc-hexagon: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);

	/* Motif chevrons rouge/navy, réservé aux blocs navy pleins (voir fmc-activity-reskin.css) */
	--fmc-chevrons: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='24' viewBox='0 0 64 24'%3E%3Cpath d='M0 20 L12 4 L24 20 Z' fill='%23E64449' fill-opacity='0.9'/%3E%3Cpath d='M16 20 L28 4 L40 20 Z' fill='%23F4F8FA' fill-opacity='0.14'/%3E%3Cpath d='M32 20 L44 4 L56 20 Z' fill='%23E64449' fill-opacity='0.55'/%3E%3C/svg%3E");
}