/* ============================================================
   NOUVO AYITI — Design Tokens
   Basé sur le système source partagé, rethémé pour le site officiel.
   ============================================================ */

:root {
  --color-primary:       #123d8f;
  --color-primary-dark:  #0d2f6e;
  --color-primary-light: #e8eefb;

  --color-secondary:      #e31b23;
  --color-secondary-dark: #b9151c;

  --color-accent:       #35a84a;
  --color-accent-dark:  #277f38;
  --color-accent-light: #dcf5e0;

  --color-bg:      #f6f8fc;
  --color-white:   #ffffff;
  --color-text:    #0b1220;
  --color-neutral: #cfd8e6;

  --gray-50:  #f8fafc;
  --gray-100: #eef2f7;
  --gray-200: #dce4ef;
  --gray-300: #c4cfdf;
  --gray-400: #95a4ba;
  --gray-500: #617089;
  --gray-600: #46556b;
  --gray-700: #324155;
  --gray-800: #1b2635;
  --gray-900: #0a1019;

  --status-success-bg:     #dcfce7;
  --status-success-text:   #166534;
  --status-success-border: #86efac;

  --status-pending-bg:     #fee2e2;
  --status-pending-text:   #991b1b;
  --status-pending-border: #fca5a5;

  --status-progress-bg:     #dbeafe;
  --status-progress-text:   #1e40af;
  --status-progress-border: #93c5fd;

  --status-error-bg:     #fee2e2;
  --status-error-text:   #991b1b;
  --status-error-border: #fca5a5;

  --status-info-bg:     #e0f2fe;
  --status-info-text:   #075985;
  --status-info-border: #7dd3fc;

  --color-danger:       #dc2626;
  --color-danger-dark:  #b91c1c;
  --color-danger-light: #fee2e2;

  --color-warning:       #f59e0b;
  --color-warning-dark:  #d97706;
  --color-warning-light: #fef3c7;

  --font-heading: 'Poppins', sans-serif;
  --font-body:    'Inter', sans-serif;

  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --text-h1:      2.5rem;
  --text-h2:      2rem;
  --text-h3:      1.5rem;
  --text-h4:      1.25rem;
  --text-body:    1rem;
  --text-small:   0.875rem;
  --text-caption: 0.75rem;

  --lh-tight:   1.2;
  --lh-snug:    1.35;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;

  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-14: 3.5rem;
  --sp-16: 4rem;
  --sp-20: 5rem;

  --radius-xs:   0.25rem;
  --radius-sm:   0.5rem;
  --radius-md:   0.875rem;
  --radius-lg:   1.25rem;
  --radius-xl:   1.75rem;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(11,18,32,.05);
  --shadow-sm: 0 6px 18px rgba(11,18,32,.06);
  --shadow-md: 0 12px 30px rgba(11,18,32,.08);
  --shadow-lg: 0 18px 50px rgba(11,18,32,.12);
  --shadow-xl: 0 28px 70px rgba(11,18,32,.16);

  --container-max: 1240px;
  --container-pad: var(--sp-6);
  --topbar-h:      72px;
  --sidebar-w:     260px;
  --bottom-nav-h:  64px;

  --t-fast:   150ms ease;
  --t-normal: 250ms ease;
  --t-slow:   400ms ease;

  --z-dropdown: 100;
  --z-sticky:   300;
  --z-fixed:    500;
  --z-modal:    900;
}