/*
  Jetons de design : point d'entrée pour changer l'apparence de la vitrine, des pages compte,
  du dashboard et du manuel. Le calepin garde sa propre feuille de style.
  Palette de départ reprise du calepin d'origine (papier, encre, pastels).
*/
:root {
  /* Couleurs */
  --color-bg: #f2ecf5;
  --color-surface: #fffefa;
  --color-surface-alt: #f8f4fa;
  --color-ink: #413f55;
  --color-ink-soft: #6b6575;
  --color-line: #d9cfe2;
  --color-accent: #ac4870;
  --color-accent-strong: #8e3459;
  --color-accent-soft: #f7d8df;
  --color-success: #466957;
  --color-success-soft: #dceee3;
  --color-warning-soft: #faecc5;
  --color-danger: #b3261e;
  --color-danger-soft: #fbe3e1;
  --color-lilac: #e8def5;
  --color-focus: #9d73bc;

  /* Typographie */
  --font-body: "Trebuchet MS", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", system-ui, sans-serif;
  --font-heading: var(--font-body);
  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --font-size-h1: clamp(1.9rem, 4vw, 2.8rem);
  --font-size-h2: clamp(1.4rem, 3vw, 1.9rem);
  --line-height: 1.6;

  /* Espacements, formes */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius: 10px;
  --radius-small: 6px;
  --shadow: 0 6px 24px rgb(65 63 85 / 0.08);
  --content-width: 1100px;
  --form-width: 440px;
}