/* ============================================================
   Adalan Design System — Tokens
   Source of truth : importer ce fichier dans tous les projets
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700;800;900&display=swap');

:root {

  /* ── Typographie ─────────────────────────────────────────── */
  --font-family:        'Mulish', sans-serif;

  --font-size-h1:       3rem;      /* 48px */
  --font-size-h2:       2.25rem;   /* 36px */
  --font-size-h3:       1.875rem;  /* 30px */
  --font-size-h4:       1.5rem;    /* 24px */
  --font-size-h5:       1.25rem;   /* 20px */
  --font-size-h6:       1.125rem;  /* 18px */
  --font-size-body:     1rem;      /* 16px */
  --font-size-sm:       0.875rem;  /* 14px */
  --font-size-xs:       0.75rem;   /* 12px */

  --font-weight-black:      900;   /* H1, H2, H3 */
  --font-weight-extrabold:  800;   /* H4, H5, H6 */
  --font-weight-bold:       700;
  --font-weight-semibold:   600;
  --font-weight-regular:    400;

  --line-height-heading: 1.15;
  --line-height-body:    1.6;

  /* ── Couleurs primaires ───────────────────────────────────── */
  --color-primary:       #1f175a;  /* Lucky Point */
  --color-primary-700:   #2a1f78;
  --color-primary-500:   #3d30a8;
  --color-primary-200:   #b3aedd;
  --color-primary-100:   #d9d6ee;
  --color-primary-50:    #eeedf8;

  /* ── Couleurs secondaires ─────────────────────────────────── */
  --color-secondary:     #f9a66b;  /* Sandy Brown */
  --color-secondary-700: #e07c35;
  --color-secondary-500: #f78c47;
  --color-secondary-200: #fdd0ab;
  --color-secondary-100: #fee8d5;
  --color-secondary-50:  #fff4ec;

  /* ── Couleur baseline (textes, neutres) ───────────────────── */
  --color-slate:         #64748b;  /* Slate */
  --color-slate-900:     #0f172a;
  --color-slate-700:     #334155;
  --color-slate-500:     #64748b;
  --color-slate-300:     #cbd5e1;
  --color-slate-100:     #f1f5f9;
  --color-slate-50:      #f8fafc;

  /* ── Couleurs sémantiques ─────────────────────────────────── */
  --color-success:       #16a34a;
  --color-success-bg:    #dcfce7;
  --color-warning:       #ca8a04;
  --color-warning-bg:    #fef9c3;
  --color-danger:        #dc2626;
  --color-danger-bg:     #fee2e2;
  --color-info:          #0284c7;
  --color-info-bg:       #e0f2fe;

  /* ── Espacements ─────────────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* ── Rayons de bords ─────────────────────────────────────── */
  --radius-sm:   0.375rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;

  /* ── Ombres ──────────────────────────────────────────────── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,.10);
  --shadow-lg:  0 8px 25px rgba(0,0,0,.12);
  --shadow-xl:  0 16px 40px rgba(0,0,0,.15);

  /* ── Transitions ─────────────────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}