/* Jetons de design — palette retenue (accueil 9a) */
:root {
  /* Couleurs */
  --color-paper: #F6F5F1;        /* fond (blanc cassé, retenu) */
  --color-surface: #FFFFFF;      /* panneaux, champs */
  --color-ink: #1A1A1A;          /* texte, boutons principaux */
  --color-ink-soft: #4A4A46;     /* texte secondaire (8:1 sur papier) */
  --color-line: #D6D4CD;         /* filets de séparation */
  --color-accent: #CDB9F2;       /* LILAS — surligneur, choix sélectionné, bouton « Prendre rendez-vous » (texte encre dessus) */
  --color-accent-deep: #9A84CF;  /* fils des étapes, barres d’avancement (décor, jamais du texte) */
  --color-rose: #F7B8CF;         /* aplats secondaires, « en attente d’un tiers » */
  --color-beurre: #F3D77E;       /* alerte douce, « action attendue », mentions provisoires */
  --color-on-ink: #FFFFFF;

  /* Origami (illustrations) */
  --origami-rose: #FDE0EA, #F7B8CF, #E99BBA, #D27FA2;
  --origami-lilas: #ECE4FB, #CDB9F2, #B5A0E4, #9A84CF;

  /* Typographie */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-text: "Atkinson Hyperlegible", system-ui, sans-serif;
  --numeric-price: tabular-nums;
  --fs-xs: 0.8125rem; /* 13 */
  --fs-sm: 0.9375rem; /* 15 */
  --fs-md: 1.0625rem; /* 17 — texte courant */
  --fs-lg: 1.25rem;   /* 20 */
  --fs-xl: 2rem;      /* 32 */
  --fs-2xl: 3.5rem;   /* 56 */
  --fs-3xl: 5.5rem;   /* 88 */
  --fs-price: 7.5rem; /* 120 */
  --lh-tight: 0.96;
  --lh-title: 1.05;
  --lh-text: 1.55;
  --tracking-display: -0.04em;
  --weight-display: 700;
  --weight-strong: 700;

  /* Surligneur */
  --highlight: linear-gradient(transparent 60%, var(--color-accent) 60%);

  /* Espacements (base 4) */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 88px; --space-10: 120px;
  --gutter-mobile: 24px;
  --gutter-desktop: 64px;
  --measure: 32em;

  /* Rayons : aucun angle arrondi, sauf boutons radio */
  --radius-none: 0;
  --radius-radio: 50%;

  /* Filets */
  --border-hair: 1px solid var(--color-line);
  --border-control: 2px solid var(--color-ink);
  --shadow-origami: drop-shadow(3px 9px 6px rgba(26, 26, 26, 0.18));
  --focus-ring: 0 0 0 3px var(--color-paper), 0 0 0 5px var(--color-ink);
}

/* Mode sombre : fond encre, texte papier, mêmes accents */
@media (prefers-color-scheme: dark) {
  :root {
    --color-paper: #1A1A1A;
    --color-surface: #252523;
    --color-ink: #ECEBE6;
    --color-ink-soft: #B9B7B0;
    --color-line: #3A3936;
    --color-on-ink: #1A1A1A;   /* bouton papier, texte encre */
  }
}