/* Hallmark · macrostructure: Split Studio · tone: timberline-daylight · anchor hue: pine 155°
 * theme: custom (vibe: "trail map on cream paper, pine and cedar"
 *   paper oklch(96.5% 0.015 95) · accent oklch(44% 0.09 155) pine · cedar 55° secondary
 *   Fraunces display + system-ui body)
 * axes: light / soft-serif / warm · nav: none · footer: Ft2 inline
 * enrichment: E5 hand-built SVG (cabin clearing scene) · studied: no
 * Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V5
 */

:root {
  /* color — cream paper, pine ink, cedar warmth */
  --color-paper:       oklch(96.5% 0.015  95);
  --color-paper-shade: oklch(93%   0.022  95);  /* form band */
  --color-ink:         oklch(27%   0.040 155);  /* deep pine ink */
  --color-ink-soft:    oklch(43%   0.032 150);
  --color-pine:        oklch(44%   0.090 155);  /* the accent */
  --color-pine-deep:   oklch(34%   0.075 158);
  --color-pine-tint:   oklch(88%   0.040 155);
  --color-cedar:       oklch(56%   0.105  55);  /* timber — sparingly */
  --color-cedar-soft:  oklch(80%   0.050  60);
  --color-error:       oklch(52%   0.150  30);
  --color-focus:       var(--color-pine);
  --color-field:              oklch(99% 0.004 95);
  --color-field-border:       oklch(78% 0.025 110);
  --color-field-border-hover: oklch(62% 0.035 130);
  --color-hairline:           oklch(85% 0.020 100);

  /* scene — the SVG clearing */
  --scene-sky:        oklch(93% 0.035  90);
  --scene-sun:        oklch(86% 0.110  85);
  --scene-ridge-far:  oklch(78% 0.045 150);
  --scene-ridge-near: oklch(62% 0.070 152);
  --scene-pine-dark:  oklch(38% 0.070 156);
  --scene-pine-mid:   oklch(48% 0.080 154);
  --scene-cabin:      oklch(48% 0.095  50);
  --scene-cabin-dark: oklch(36% 0.075  45);
  --scene-window:     oklch(88% 0.130  85);
  --scene-lake:       oklch(82% 0.045 210);
  --scene-lake-deep:  oklch(72% 0.055 215);

  /* type */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", sans-serif;
  --text-display: clamp(2.6rem, 6.5vw, 4.6rem);
  --text-xl: clamp(1.35rem, 2.6vw, 1.8rem);
  --text-md: 1.0625rem;
  --text-sm: 0.9rem;
  --text-xs: 0.78rem;

  /* space — 4pt scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-slow: 520ms;

  /* misc */
  --radius-chip: 999px;
  --radius-field: 10px;
  --radius-card: 14px;
}