/* ============================================================
   MedAcadémie — Design tokens
   Pharmacie (vert) + confiance (bleu) — santé, académique
   ============================================================ */
:root {
  /* brand */
  --primary:      #15803D;
  --primary-600:  #166534;
  --primary-700:  #14532D;
  --primary-050:  #F0FDF4;
  --primary-100:  #DCFCE7;
  --accent:       #0369A1;
  --accent-600:   #075985;
  --accent-050:   #F0F9FF;
  --gold:         #D97706;

  /* surfaces */
  --bg:        #F7FBF8;
  --surface:   #FFFFFF;
  --surface-2: #F3FAF5;
  --fg:        #0B2A1B;
  --fg-2:      #3F6152;
  --fg-3:      #6B8A7B;
  --muted:     #EAF4EE;
  --border:    #DCF0E3;
  --border-2:  #EAF6EE;

  /* semantic */
  --danger:    #DC2626;
  --danger-050:#FEF2F2;
  --warn:      #D97706;
  --warn-050:  #FFFBEB;
  --ok:        #15803D;

  /* spécialités */
  --med:       #0369A1;
  --med-050:   #F0F9FF;
  --pharm:     #15803D;
  --pharm-050: #F0FDF4;
  --dent:      #7C3AED;
  --dent-050:  #F5F3FF;

  /* radii */
  --r-xs: 8px;  --r-sm: 10px; --r-md: 14px;
  --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* elevation */
  --sh-1: 0 1px 2px rgba(11,42,27,.05), 0 4px 14px rgba(11,42,27,.05);
  --sh-2: 0 10px 30px rgba(11,42,27,.09);
  --sh-3: 0 24px 60px rgba(11,42,27,.16);
  --sh-btn: 0 6px 16px rgba(21,128,61,.26);

  /* typography */
  --f-head: 'Figtree', system-ui, 'Segoe UI', sans-serif;
  --f-body: 'Noto Sans', system-ui, 'Segoe UI', sans-serif;
  --f-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* rhythm */
  --sp-1:.25rem; --sp-2:.5rem;  --sp-3:.75rem;
  --sp-4:1rem;   --sp-5:1.5rem; --sp-6:2rem;
  --sp-7:3rem;   --sp-8:4.5rem;
  --maxw: 1240px;
  --t-fast: 150ms ease;
  --t-med: 260ms cubic-bezier(.4,0,.2,1);
}