/* FSE / SENTINEL — Design Tokens V1 (source : _brand-pack/03_DESIGN_TOKENS) + extensions prototype */
:root {
  /* Marque */
  --fse-ivory: #F8F6F2;
  --fse-greige: #B0A896;
  --fse-charcoal: #1C1C1C;
  --fse-soft-grey: #E8E5DF;
  --fse-white: #FFFFFF;

  /* Dérivés neutres (extension) */
  --fse-greige-dark: #776F5F;   /* greige lisible sur ivoire (texte, icônes actives) */
  --fse-greige-light: #D9D4C8;
  --fse-greige-tint: #EFECE5;
  --fse-ink-2: #4A4740;         /* texte secondaire */
  --fse-ink-3: #6B675E;         /* texte tertiaire, micro-labels */
  --fse-line: #E8E5DF;
  --fse-line-strong: #D6D1C6;
  --fse-charcoal-2: #262624;    /* surfaces sombres */
  --fse-charcoal-3: #34332F;
  --fse-charcoal-line: #3A3935;

  /* Statuts (fonctionnels uniquement) */
  --status-green: #2F8F57;
  --status-amber: #D98A24;
  --status-red: #E74C3C;
  --status-green-bg: #E6F1EA;
  --status-amber-bg: #F8EEDF;
  --status-red-bg: #FBE7E4;
  --status-info-bg: #EFECE5;

  --font-display: "Montserrat", Arial, Helvetica, sans-serif;
  --font-ui: "Inter", Arial, Helvetica, sans-serif;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-xxl: 64px;
  --space-xxxl: 120px;

  --shadow-sm: 0 1px 2px rgba(28, 28, 28, .04);
  --shadow-md: 0 8px 24px -12px rgba(28, 28, 28, .14);
  --shadow-lg: 0 30px 80px -30px rgba(28, 28, 28, .35);

  --ease: cubic-bezier(.2, .7, .2, 1);
}

/* Principe :
   marque = ivoire / charbon / greige
   statuts = vert / ambre / rouge
   Ne jamais utiliser les couleurs de statut comme accents de marque.
*/