/* docs/DESIGN.md #3.4 — imposed starting values. Adjustable by eye at the
   styleguide (#10), never replaced by another token system. */
@layer tokens {
  :root {
    color-scheme: light;

    --forest: #233621;
    --forest-deep: #16240F;
    --terracotta: #C44E1E;
    --terracotta-deep: #A8400F;
    --ochre: #F0B24D;
    --cream: #F8F3E9;
    --cream-deep: #EDE5D3;
    --wood: #8B5A2B;
    --ink-muted: #5E5A48;

    --font-sans: "Montserrat", system-ui, sans-serif; /* repli technique, jamais choisi */

    --radius-bowl: 3.5rem;
    --radius-bowl-s: 1.25rem;

    --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
    --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem;
    --space-9: 7rem;

    --measure: 64ch;
    --page-max: 78rem;
    --gutter: clamp(1rem, 4vw, 2.5rem);

    --ease: cubic-bezier(.2, .7, .2, 1);
    --dur: 160ms;
    --focus: var(--forest); /* redéfini à ocre ou crème dans les sections sombres */
  }
}