/* Design tokens, Parc Arbre Aventure */

:root {
  color-scheme: light;

  --color-bg: oklch(95% 0.035 118);
  --color-bg-raised: oklch(90% 0.055 125);
  --color-bg-deep: oklch(30% 0.105 145);

  --color-surface: oklch(98% 0.018 104);
  --color-border: oklch(80% 0.07 128);
  --color-text: oklch(22% 0.06 145);
  --color-text-muted: oklch(42% 0.055 138);

  --color-on-deep: oklch(98% 0.018 112);
  --color-on-deep-muted: oklch(88% 0.04 120);

  --color-leaf: oklch(46% 0.155 142);
  --color-leaf-bright: oklch(68% 0.18 132);
  --color-moss: oklch(58% 0.125 118);
  --color-sky: oklch(86% 0.07 205);
  --color-berry: oklch(43% 0.12 24);
  --color-wood: oklch(38% 0.08 62);

  --color-accent: oklch(72% 0.17 58);
  --color-accent-hover: oklch(66% 0.18 50);
  --color-accent-ink: oklch(20% 0.055 62);

  --color-link: var(--color-leaf);
  --color-link-hover: oklch(35% 0.13 142);

  --color-open: oklch(44% 0.15 145);
  --color-closed: oklch(48% 0.15 28);

  /* Police classique et professionnelle, polices système uniquement :
     Georgia pour les titres, gravité et lisibilité éditoriale ;
     Arial/Helvetica pour le texte courant, sobre et sans fioritures. */
  --font-display: "Georgia", "Cambria", "Times New Roman", serif;
  --font-body: "Helvetica Neue", "Arial", "Segoe UI", sans-serif;

  --fs-display: clamp(3rem, 8.5vw, 7.5rem);
  --fs-headline: clamp(2rem, 4.5vw, 4rem);
  --fs-title: clamp(1.25rem, 2vw, 1.65rem);
  --fs-body: 1.0625rem;
  --fs-label: 0.8125rem;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;

  /* Coins nettement moins arrondis qu'avant (6/10px), pour un rendu plus
     structuré et professionnel. */
  --radius-sm: 3px;
  --radius-md: 5px;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.2s;
  --duration-medium: 0.45s;

  --glow-accent: 0 12px 34px oklch(72% 0.17 58 / 0.34);
  --glow-soft: 0 18px 48px oklch(30% 0.105 145 / 0.14);
}