/* ============================================================
   Pharmadictia — Design Tokens
   Palette officielle + échelle dérivée (hiérarchie médicale)
   ============================================================ */

:root {
  /* ---------- Marque (palette officielle) ---------- */
  --c-navy:        #052556;  /* Couleur principale : nav, titres, structure */
  --c-navy-deep:   #031633;  /* Couleur 3 : texte très foncé / premium */
  --c-green:       #02A97A;  /* Couleur secondaire : IA, validation, CTA */
  --c-surface:     #FAFCFB;  /* Couleur 4 : surfaces principales */
  --c-blue-soft:   #EAF1F9;  /* Couleur 5 : backgrounds secondaires */
  --c-green-soft:  #E5F7F2;  /* Couleur 6 : zones résultats positifs / IA */
  --c-neutral:     #F4F6F8;  /* Couleur 8 : cards, tableaux, zones neutres */
  --c-black:       #000000;  /* Couleur 7 : uniquement si nécessaire */
  --c-white:       #FFFFFF;

  /* ---------- Nuances dérivées (cohérentes avec la marque) ---------- */
  --navy-700:      #0a3374;
  --navy-600:      #0e3f8c;
  --navy-500:      #1a4fa0;
  --navy-100:      #dce6f4;
  --green-700:     #018a63;
  --green-600:     #02a97a;
  --green-400:     #37c79b;
  --green-200:     #b9ebdc;

  /* ---------- Surfaces ---------- */
  --bg-app:        #F1F5FA;  /* fond de l'espace applicatif */
  --bg-page:       #FAFCFB;  /* fond des pages publiques */
  --surface:       #FFFFFF;  /* cards élevées */
  --surface-2:     #FAFCFB;  /* surfaces secondaires */
  --surface-muted: #F4F6F8;  /* zones neutres */
  --surface-info:  #EAF1F9;  /* zones navy / information */
  --surface-ai:    #E5F7F2;  /* zones IA / positif */

  /* ---------- Texte ---------- */
  --text-strong:   #031633;
  --text:          #27334a;
  --text-soft:     #475569;
  --text-muted:    #6b7a90;
  --text-faint:    #97a4b6;
  --text-on-dark:  #eaf1f9;
  --text-on-dark-muted: rgba(234, 241, 249, 0.66);

  /* ---------- Bordures ---------- */
  --border:        #e3e9f1;
  --border-soft:   #eef2f7;
  --border-strong: #cfdae8;
  --border-dark:   rgba(255, 255, 255, 0.10);

  /* ---------- États / indicateurs (ajout fonctionnel, teintes médicales) ---------- */
  --danger:        #e5484d;
  --danger-600:    #cf3238;
  --danger-soft:   #fdeced;
  --warning:       #f59e0b;
  --warning-600:   #d98500;
  --warning-soft:  #fdf2e2;
  --caution:       #e0b100;
  --caution-soft:  #fbf5d9;
  --success:       #02A97A;
  --success-soft:  #E5F7F2;
  --info:          #1a4fa0;
  --info-soft:     #EAF1F9;

  /* ---------- Rayons ---------- */
  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius:    13px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 999px;

  /* ---------- Ombres (douces, premium) ---------- */
  --shadow-xs:  0 1px 2px rgba(5, 37, 86, 0.06);
  --shadow-sm:  0 2px 10px rgba(5, 37, 86, 0.06);
  --shadow:     0 8px 24px rgba(5, 37, 86, 0.08);
  --shadow-md:  0 14px 36px rgba(5, 37, 86, 0.10);
  --shadow-lg:  0 28px 64px rgba(5, 37, 86, 0.16);
  --shadow-focus: 0 0 0 3px rgba(2, 169, 122, 0.28);
  --shadow-focus-navy: 0 0 0 3px rgba(26, 79, 160, 0.28);

  /* ---------- Typographie ---------- */
  --font-head: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  --fs-xs:   0.75rem;    /* 12 */
  --fs-sm:   0.8125rem;  /* 13 */
  --fs-base: 0.9375rem;  /* 15 */
  --fs-md:   1rem;       /* 16 */
  --fs-lg:   1.125rem;   /* 18 */
  --fs-xl:   1.375rem;   /* 22 */
  --fs-2xl:  1.75rem;    /* 28 */
  --fs-3xl:  2.25rem;    /* 36 */
  --fs-4xl:  3rem;       /* 48 */
  --fs-5xl:  3.75rem;    /* 60 */

  --lh-tight: 1.15;
  --lh-snug:  1.3;
  --lh-base:  1.6;

  /* ---------- Espacements ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 72px;
  --space-12: 96px;

  /* ---------- Layout ---------- */
  --sidebar-w: 268px;
  --sidebar-collapsed: 78px;
  --header-h: 70px;
  --content-max: 1260px;
  --page-gutter: 28px;

  /* ---------- Transitions ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 120ms;
  --t: 220ms;
  --t-slow: 420ms;

  --z-sticky: 50;
  --z-header: 100;
  --z-sidebar: 120;
  --z-overlay: 500;
  --z-modal: 600;
  --z-toast: 700;
  --z-tooltip: 800;
}

@media (max-width: 600px) {
  :root { --page-gutter: 16px; }
}