/* Design tokens — Vivre le Shiatsu (palette officielle). */
:root {
  /* Couleurs principales */
  --color-ivory: #F7F3EC;
  --color-sand: #D8C7AD;
  --color-sage: #A0A580;
  --color-olive: #687552;
  --color-charcoal: #34302B;

  /* Couleurs secondaires */
  --color-terracotta: #B88E78;
  --color-beige: #EBE4D8;

  /* Couleurs fonctionnelles */
  --color-white: #FFFFFF;
  --color-background: #F7F3EC;
  --color-surface: #FFFFFF;
  --color-surface-soft: #EEEADF;
  --color-text: #34302B;
  --color-text-muted: #655F56;
  --color-border: #DDD6CB;
  --color-accent: #687552;
  --color-accent-hover: #4D5B3B;
  /* Olive assombri pour le texte et les liens : l'olive officiel n'atteint pas 4,5:1 sur ivoire. */
  --color-accent-text: #5A6646;
  --color-field-border: #8C8478;
  --color-error: #9A3B2A;
  --color-success: #4D5B3B;

  /* Typographie */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --text-base: 1.0625rem;
  --text-small: 0.9375rem;
  --leading: 1.7;

  /* Espacements */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: clamp(4rem, 10vw, 8rem);

  /* Layout */
  --container-width: 1200px;
  --reading-width: 44rem;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);
  --header-height: 4.5rem;
  --radius-small: 6px;
  --radius-medium: 12px;
  --radius-large: 20px;

  /* Animation */
  --transition-standard: 250ms ease;
}