:root{
  /* Couleurs — échantillonnées sur les supports réels (carte de visite, flyers PSSM) */
  --ink:        #210B49;
  --navy:       #143D69;
  --purple:     #8F2A90;
  --teal:       #218EA2;
  --gold:       #FBB248;
  --burgundy:   #840C3C;
  --sand:       #F1E1D2;
  --sand-deep:  #E4CEB4;
  --paper:      #FBF7F1;

  /* Dérivés — teintes de travail sur fond sombre */
  --ink-deep:   #170732;
  --on-dark:    #F6EFE6;
  --on-dark-mute: rgba(246,239,230,.72);
  --rule:       rgba(33,11,73,.16);
  --rule-dark:  rgba(246,239,230,.18);

  /* Typographie */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Public Sans', -apple-system, sans-serif;
  --font-mono:    'Space Mono', ui-monospace, monospace;

  /* Échelle fluide — l'éditorial repose sur l'écart entre les extrêmes */
  --t-display: clamp(3rem, 9.5vw, 8rem);
  --t-h1:      clamp(2.5rem, 6.5vw, 5rem);
  --t-h2:      clamp(1.875rem, 4vw, 3rem);
  --t-h3:      clamp(1.25rem, 2vw, 1.625rem);
  --t-lead:    clamp(1.125rem, 1.6vw, 1.375rem);
  --t-body:    1.0625rem;
  --t-small:   0.9375rem;
  --t-label:   0.75rem;
  --t-num:     clamp(3.5rem, 8vw, 6.5rem);

  /* Rayons / ombres */
  --r-sm: 8px;  --r-md: 14px; --r-lg: 24px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(33,11,73,.06), 0 2px 12px rgba(33,11,73,.05);
  --shadow-2: 0 18px 48px rgba(33,11,73,.16);

  /* Espacement — base 8px */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px; --sp-9: 128px;
  --sp-10: 168px;

  /* Grille éditoriale */
  --measure: 62ch;
  --gutter:  clamp(20px, 4vw, 56px);
  --maxw:    1240px;

  --ease: cubic-bezier(.22,.61,.36,1);
}