/* Tokens du tutoriel Wix — direction « Atelier ».
   Source de vérité : design/DESIGN_SYSTEM.md. Copie prévue vers site/css/tokens.css. */

:root {
  /* Fonds et surfaces */
  --color-paper: #FAF6EF;
  --color-surface: #FFFFFF;
  --color-surface-warm: #F3EDE2;
  --color-scrim: rgba(43, 33, 24, 0.48);

  /* Texte */
  --color-ink: #2B2118;
  --color-ink-soft: #5C5045;
  --color-ink-muted: #756753;
  --color-on-accent: #FFFFFF;

  /* Marque */
  --color-terracotta: #B4502A;
  --color-terracotta-deep: #96401F;
  --color-terracotta-soft: #F6E3D8;
  --color-teal: #1F6E6A;
  --color-teal-deep: #175551;
  --color-teal-soft: #E0EEEC;
  --color-amber: #E8A33D; /* décoratif uniquement : 2.0:1 sur papier, jamais pour du texte */

  /* Sémantique */
  --color-success: #2E7D46;
  --color-success-soft: #E4F1E8;
  --color-warning: #7A5200;
  --color-warning-soft: #FBF3E0;
  --color-danger: #B3261E;
  --color-danger-soft: #F9E4E2;
  --color-info: #1D5FA8;
  --color-info-soft: #E3EDF8;

  /* Bordures et focus */
  --color-border: #E2D8C8;
  --color-border-strong: #C9BCA6;
  --color-focus: #96401F;
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;

  /* Typographie */
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --text-sm: 0.875rem;
  --text-base: 1.125rem;
  --text-md: 1.25rem;
  --text-lg: 1.5rem;
  --text-xl: 1.875rem;
  --text-2xl: 2.375rem;
  --text-3xl: 3rem;
  --leading-body: 1.7;
  --leading-title: 1.15;
  --leading-ui: 1.4;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --measure: 68ch;

  /* Espacement — base 4 px */
  --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: 4rem;
  --space-9: 6rem;

  /* Rayons */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Ombres — encre chaude, jamais gris pur */
  --shadow-sm: 0 1px 2px rgba(43, 33, 24, 0.08);
  --shadow-md: 0 4px 16px rgba(43, 33, 24, 0.10);
  --shadow-lg: 0 12px 32px rgba(43, 33, 24, 0.14);

  /* Mouvement */
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 320ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);

  /* Structure */
  --container: 70rem;
  --header-height: 4rem;
  --target-min: 44px;
  --z-header: 40;
  --z-banner: 50;
  --z-toast: 60;

  /* Barre de défilement */
  --scrollbar-track: var(--color-surface-warm);
  --scrollbar-thumb: var(--color-border-strong);
  --scrollbar-thumb-hover: var(--color-terracotta);
}