/* ============================================================
   GMAIA — Design System tokens
   Source : CHARTES_GRAPHIQUES/GMAIA Design System/colors_and_type.css
   Story 2 — Tokens définis, AUCUN branchement Bootstrap (Story 4)
   ------------------------------------------------------------
   Cette feuille déclare les variables CSS du nouveau DS dans :root.
   Elle est chargée AVANT gmaia.css dans les 3 layouts.
   Tant que Story 4 n'est pas livrée, --bs-primary et consorts
   continuent de pointer vers les anciennes valeurs (gmaia.css) :
   le rendu visuel de l'app est strictement identique à avant.
   ============================================================ */

:root {

	/* =========================================================
	   COLOR — Décor (pastels, structurent, large surfaces)
	   « Les pastels structurent, les couleurs vives informent. »
	   ========================================================= */
	--bg: #FBF8F3;                 /* Crème Dorée — app background */
	--bg-card: #FFFFFF;
	--bg-section-warm: #F2EDE4;    /* Sable Pâle */
	--bg-section-cool: #EEF1F7;    /* Lavande Brume — IA / data */
	--bg-section-fresh: #EEF5EE;   /* Sauge Clair — positive */
	--bg-section-soft: #F7EDE5;    /* Pêche Poudrée — en cours */

	/* =========================================================
	   COLOR — Marque
	   ========================================================= */
	--primary: #6B7FA0;            /* Bleu Lavande */
	--primary-rgb: 107, 127, 160;
	--primary-tint: #ECEFF6;
	--line: #EAE4DA;               /* Brume Sable — borders universelles */

	/* =========================================================
	   COLOR — Texte (3 niveaux d'encre)
	   ========================================================= */
	--ink: #1F2133;                /* Encre Plume */
	--ink-soft: #555870;           /* Plume Soft */
	--ink-faded: #8F92A6;          /* Plume Faded */

	/* =========================================================
	   COLOR — Signalétique (1 couleur = 1 sens)
	   pure = vif (icônes, badges, dots, 3px bars)
	   bg   = pastel (surfaces, alertes, fonds informationnels)
	   text = sombre lisible sur fond bg
	   ========================================================= */
	--sig-ok: #22A06B;
	--sig-ok-bg: #E6F5EE;
	--sig-ok-text: #0E5A38;

	--sig-warn: #D97706;
	--sig-warn-bg: #FEF1DD;
	--sig-warn-text: #8A4A02;

	--sig-alert: #DC2626;
	--sig-alert-bg: #FEE7E7;
	--sig-alert-text: #8F1717;

	--sig-ai: #4F7FCC;             /* Bleu IA (remplace l'ancien violet --gmaia-ia) */
	--sig-ai-bg: #E4EDFA;
	--sig-ai-text: #1F4D94;

	/* =========================================================
	   RADII
	   ========================================================= */
	--radius-xs: 6px;
	--radius-sm: 8px;              /* Inputs */
	--radius-md: 12px;             /* Cards */
	--radius-lg: 16px;
	--radius-pill: 100px;          /* Buttons, badges */

	/* =========================================================
	   SHADOWS (low-opacity, cool-toned)
	   ========================================================= */
	--shadow-sm: 0 1px 2px rgba(31, 33, 51, 0.05);
	--shadow-md: 0 4px 12px rgba(31, 33, 51, 0.08);
	--shadow-lg: 0 20px 50px -30px rgba(31, 33, 51, 0.15);
	--shadow-focus: 0 0 0 3px rgba(107, 127, 160, 0.18);

	/* =========================================================
	   SPACING — base 4px
	   ========================================================= */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;

	/* =========================================================
	   TYPE — families (Geist + Geist Mono)
	   Fallback sur system-ui pour que rien ne casse si le @font-face
	   échoue.
	   ========================================================= */
	--font-display: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-body:    'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-mono:    'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	/* =========================================================
	   TYPE — semantic tokens (size / weight / tracking / leading)
	   ========================================================= */
	--h1-size: 48px;    --h1-weight: 600; --h1-tracking: -0.035em; --h1-leading: 1.05;
	--h2-size: 30px;    --h2-weight: 600; --h2-tracking: -0.025em; --h2-leading: 1.1;
	--h3-size: 20px;    --h3-weight: 600; --h3-tracking: -0.015em; --h3-leading: 1.2;
	--body-size: 15px;  --body-weight: 400; --body-leading: 1.5;
	--body-em-weight: 500;
	--caption-size: 13px;
	--eyebrow-size: 11px; --eyebrow-tracking: 0.18em;
	--kpi-size: 30px;   --kpi-weight: 600; --kpi-tracking: -0.025em;
	--code-size: 12px;
}