/* Hallmark · tokens · Ravintola Ylöjärven Lempi
 * theme: Newsprint (warmed) · paper band: light · display style: roman-serif · accent hue: warm ochre
 * Anchor hue 78–82° — lifted from the restaurant's own gold-and-black wordmark.
 * Every colour and font in styles.css references a token from this file.
 */

:root {
  /* ---- Paper & ink ------------------------------------------------ */
  /* Warm cream, never #fff. Ink is a warm near-black, never #000. */
  --color-paper:      oklch(96.5% 0.014 82);
  --color-paper-2:    oklch(93.5% 0.018 82);
  --color-paper-3:    oklch(90.0% 0.020 80);
  --color-rule:       oklch(84.0% 0.016 80);
  --color-rule-2:     oklch(72.0% 0.020 78);
  --color-neutral:    oklch(58.0% 0.014 78);
  /* 41% keeps secondary body copy at ~5.4:1 on paper — 44% sat at 4.85:1,
     which clears 4.5:1 but leaves no margin at 14px. */
  --color-muted:      oklch(41.0% 0.014 74);
  --color-ink:        oklch(21.0% 0.018 68);

  /* ---- Accent ----------------------------------------------------- */
  /* The wordmark's gold. --accent is the mark; --accent-deep carries text
     weight against cream (≥ 4.5:1). Accent covers < 3% of any viewport. */
  --color-accent:      oklch(64.0% 0.115 82);
  --color-accent-deep: oklch(42.0% 0.095 68);
  --color-focus:       oklch(50.0% 0.170 48);

  /* ---- Status (paired with a text label — never colour alone) ------ */
  --color-open:       oklch(52.0% 0.115 148);
  --color-closed:     oklch(52.0% 0.115 32);

  /* ---- Type ------------------------------------------------------- */
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;

  /* Major third, 1.25, from a 16px body — held above the base.
     Below the base the ratio is broken on purpose: 12.8px and 10.24px
     are under the 14px body-copy floor, so the two lower steps are set
     to 14px (secondary body copy) and 12px (uppercase labels only). */
  --text-xs:      0.75rem;
  --text-sm:      0.875rem;
  --text-base:    1rem;
  --text-md:      1.25rem;
  --text-lg:      1.5625rem;
  --text-xl:      1.9531rem;
  --text-2xl:     2.4414rem;
  --text-3xl:     3.0518rem;
  --text-display: clamp(2.25rem, 4vw + 1rem, 3.5rem);

  /* ---- Space (4pt) ------------------------------------------------ */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.125rem, 4vw, 3.5rem);
  --measure:     65ch;

  /* ---- Rules ------------------------------------------------------ */
  --rule-hair:  1px;
  --rule-thick: 3px;
  --radius-0:   0;
  --radius-sm:  2px;

  /* ---- Motion ----------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro:   120ms;
  --dur-short:   220ms;
  --dur-long:    420ms;

  /* ---- Depth ------------------------------------------------------ */
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  200;
}