/* Jetons de design FIRDAOUS IMMO
   Palette dérivée du logotype : bleu de signature, arcs verts, arcs roses.
   Les teintes du logo sont conservées ; seules les luminosités sont ajustées
   pour l'écran — le bleu pur vibre en grande surface et le vert/rose bruts
   échouent au contraste en texte.
   Tout couple texte/fond employé ici est vérifié ≥ 4.5:1 (WCAG 2.1 AA). */

:root {
  /* Bleu — structure et autorité */
  --fi-blue-950: #080E3A;
  --fi-blue-900: #0B1560;
  --fi-blue-800: #131F84;
  --fi-blue-700: #1B2BA8;
  --fi-blue-500: #2A3BE0;
  --fi-blue-100: #D7DCFB;
  --fi-blue-050: #EEF0FE;

  /* Vert — ce qui est acquis */
  --fi-green-800: #22501A;
  --fi-green-700: #2F6B1F;
  --fi-green-500: #4FA233;
  --fi-green-300: #A9EE77;
  --fi-green-100: #DCF5C6;
  --fi-green-050: #EDFAE2;

  /* Rose — ce qui appelle une action */
  --fi-rose-800: #8E2A59;
  --fi-rose-700: #B33A72;
  --fi-rose-500: #E0699B;
  --fi-rose-100: #FAD9E7;
  --fi-rose-050: #FDEFF5;

  /* Neutres */
  --fi-paper: #F7F8FC;
  --fi-card: #FFFFFF;
  --fi-ink: #14162B;
  --fi-ink-2: #33374F;
  --fi-muted: #4A4F6B;
  --fi-line: #E2E5F0;
  --fi-line-forte: #C9CEE2;

  /* Sémantique — le rouge est réservé au retard et à l'erreur.
     Ne jamais employer le rose à sa place : sur un échéancier, la confusion
     entre « prochain terme » et « terme en retard » est une faute
     fonctionnelle, pas une nuance esthétique. */
  --fi-ok: var(--fi-green-700);
  --fi-ok-surface: var(--fi-green-050);
  --fi-warn: #A66A00;
  --fi-warn-surface: #FFF4E0;
  --fi-wait: #6B7090;
  --fi-wait-surface: #F0F1F7;
  --fi-danger: #B3303A;
  --fi-danger-surface: #FDECEE;
  --fi-accent: var(--fi-rose-700);
  --fi-accent-surface: var(--fi-rose-050);

  /* Rayons et ombres */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 22px;
  --r-pill: 999px;
  --ombre: 0 1px 2px rgba(11, 21, 96, .06), 0 10px 30px rgba(11, 21, 96, .08);
  --ombre-basse: 0 1px 2px rgba(11, 21, 96, .06), 0 3px 10px rgba(11, 21, 96, .05);

  /* Typographie — échelle fluide.
     Le corps ne descend jamais sous 1.05rem : ces écrans se consultent au
     téléphone, souvent en extérieur. */
  --police-titre: "Outfit", "Segoe UI", system-ui, sans-serif;
  --police-texte: "Inter", "Segoe UI", system-ui, sans-serif;
  --t-corps: clamp(1.05rem, .98rem + .3vw, 1.2rem);
  --t-petit: clamp(.95rem, .9rem + .2vw, 1.02rem);
  --t-menu: clamp(1rem, .95rem + .2vw, 1.08rem);
  --t-h1: clamp(1.6rem, 1.3rem + 1.4vw, 2.3rem);
  --t-h2: clamp(1.35rem, 1.15rem + .9vw, 1.8rem);
  --t-h3: clamp(1.12rem, 1.02rem + .45vw, 1.35rem);
  /* Deux échelles de chiffre : la grande pour un compte (« 24 dossiers »), la
     mesurée pour un montant, qui compte deux fois plus de caractères et
     débordait de sa carte en « 1 720 000 FCFA ». */
  --t-chiffre: clamp(1.5rem, 1.2rem + 1.5vw, 2.1rem);
  --t-chiffre-montant: clamp(1.3rem, 1.05rem + .95vw, 1.72rem);

  --pas: 4px;
  --gouttiere: clamp(14px, 1.2vw + 10px, 24px);
  --largeur-barre: 268px;
}

@supports (color: oklch(50% 0.1 250)) {
  :root {
    --fi-blue-950: oklch(21.5% .112 271);
    --fi-blue-900: oklch(27.5% .168 268);
    --fi-blue-800: oklch(33.5% .205 267);
    --fi-blue-700: oklch(39.5% .233 267);
    --fi-blue-500: oklch(48.5% .255 267);
    --fi-green-700: oklch(45.5% .118 140);
    --fi-green-500: oklch(60.5% .157 140);
    --fi-green-300: oklch(87% .168 135);
    --fi-rose-700: oklch(53.5% .148 356);
    --fi-rose-500: oklch(68.5% .131 356);
  }
}

@media (prefers-contrast: more) {
  :root {
    --fi-line: #A8AEC8;
    --fi-muted: #3A3F58;
  }
}