/* =========================================================
   MonPasseport Congo — Design tokens
   "Émeraude institutionnel contemporain"
   ========================================================= */

:root {
  /* --- Palette forêt / émeraude --- */
  --forest-950: #062b20;
  --forest-900: #09382b;
  --forest-800: #0c4733;
  --emerald-700: #0b6b50;
  --emerald-600: #118463;
  --emerald-500: #1a9d76;
  --emerald-300: #6dc4a3;
  --emerald-100: #dff3eb;
  --emerald-050: #eff8f2;

  /* --- Or institutionnel --- */
  --gold-500: #d2a54a;
  --gold-400: #dfbb6a;
  --gold-100: #f5ead0;

  /* --- Surfaces --- */
  --ivory: #f7f5ee;
  --paper: #fffdf8;
  --white: #ffffff;

  /* --- Texte --- */
  --ink: #17201c;
  --ink-soft: #3a463f;
  --muted: #68736d;
  --muted-soft: #8a948e;

  /* --- Lignes --- */
  --line: #dde3df;
  --line-soft: #e8ede9;
  --line-strong: #c9d3cc;

  /* --- Sémantique --- */
  --success: #19744e;
  --success-50: #e6f3ec;
  --warning: #b06d14;
  --warning-50: #fbf0dd;
  --danger: #b43c3c;
  --danger-50: #fbe9e9;
  --info: #356a8a;
  --info-50: #e6eff4;

  /* --- Alias sémantiques (compat ancien code) --- */
  --green: var(--emerald-600);
  --green-deep: var(--forest-900);
  --green-darker: var(--forest-950);
  --green-soft: var(--emerald-050);
  --cream: var(--ivory);
  --surface: var(--white);
  --surface-soft: #f4f7f5;
  --blue: var(--info);
  --terracotta: #b06647;

  /* --- Effets --- */
  --shadow-xs: 0 1px 2px rgba(8, 38, 28, .05);
  --shadow-sm: 0 1px 3px rgba(8, 38, 28, .06), 0 1px 2px rgba(8, 38, 28, .04);
  --shadow-md: 0 4px 16px rgba(8, 38, 28, .08);
  --shadow-lg: 0 18px 48px rgba(8, 38, 28, .14);
  --shadow-window: 0 30px 80px rgba(8, 38, 28, .16);
  --ring: 0 0 0 3px rgba(17, 132, 99, .35);

  /* --- Géométrie par espace --- */
  --r-landing: 28px;
  --r-landing-lg: 36px;
  --r-citizen: 16px;
  --r-admin: 10px;
  --r-xs: 8px;
  --r-pill: 999px;

  /* --- Typographie --- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Sora", var(--font-sans);
  --lh-tight: 1.08;
  --lh-snug: 1.25;
  --lh: 1.55;

  /* --- Layout --- */
  --max: 1240px;
  --header-h: 64px;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --t-fast: .16s var(--ease);
  --t: .22s var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}