/* svet design tokens: the only place for colours, type, spacing and motion values */
:root {
  --paper: #F3EDE3;
  --paper-2: #EDE4D6;
  --amber: #C98A3A;      /* lines, icons — never text (2.5:1 on paper) */
  --amber-ink: #8A5A1E;  /* accent text */
  --ink: #221C15;
  --ink-2: #6B5E4E;      /* 5.6:1 on paper */
  --line: rgb(34 28 21 / .12);
  --ok: #3F6B3A;         /* "in stock" (5.9:1 on paper) */
  --error: #A23B2A;      /* form errors (5.6:1 on paper) */
  --scrim: rgb(34 28 21 / .38);

  --font-display: 'EB Garamond Variable', Georgia, serif;
  --font-ui: 'Onest Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs: .75rem;
  --fs-s: .875rem;
  --fs-m: 1rem;
  --fs-l: 1.125rem;
  --fs-h3: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --fs-h1: clamp(2.25rem, 1.5rem + 3.5vw, 4rem);

  --r-s: 10px;
  --r-m: 16px;
  --r-pill: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --section: clamp(72px, 10vw, 140px);
  --wrap: 1280px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 60px;

  --dur-press: 120ms;
  --dur: 240ms;
  --dur-sheet: 320ms;
  --dur-reveal: 480ms;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --focus: var(--amber-ink); /* focus outline: 5.1:1 on paper (amber is only 2.5:1) */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-press: 0ms; --dur: 0ms; --dur-sheet: 0ms; --dur-reveal: 0ms; }
}