/* MOLT specimen plate. Neutrals tinted toward lime. No pure black or white. */
:root {
  --ground: oklch(0.989 0.008 125);
  --ink: oklch(0.236 0.048 132);
  --ink-soft: oklch(0.42 0.036 132);
  --accent: oklch(0.88 0.155 132);
  --hairline: oklch(0.236 0.048 132 / 0.12);

  --forest: var(--ink);
  --lime: var(--accent);
  --card: oklch(0.978 0.018 125);
  --paper: var(--card);
  --line: oklch(0.236 0.048 132 / 0.18);
  --mute: var(--ink-soft);
  --signal: var(--ink);
  --pg-accent: var(--accent);
  --band: oklch(0.963 0.032 125);

  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-body: "Public Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* 4pt space scale */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;

  /* 5-step fluid type */
  --step-0: clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);
  --step-1: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-2: clamp(1.25rem, 1.08rem + 0.7vw, 1.75rem);
  --step-3: clamp(1.75rem, 1.2rem + 1.6vw, 3.25rem);
  --step-4: clamp(2.375rem, 1.35rem + 3.2vw, 5.25rem);

  --fs-h1: var(--step-4);
  --fs-h2: var(--step-3);
  --fs-h3: var(--step-2);
  --fs-body: var(--step-1);
  --fs-label: var(--step-0);
  --fs-data: var(--step-0);

  --track-display: -0.035em;
  --track-label: 0.08em;
  --leading-body: 1.55;
  --leading-display: 1.02;

  --maxw: 1180px;
  --gutter: var(--space-24);
  --nav-h: 64px;
  --touch: 44px;
  --radius: 2px;
  --radius-sm: 2px;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease: var(--ease-out-expo);
  --ease-soft: var(--ease-out-quart);
  --fx-reveal: 720ms;
  --fx-stagger: 70ms;
  --fx-hover: 180ms;

  color-scheme: light;
}

@media (min-width: 768px) {
  :root { --gutter: var(--space-32); --nav-h: 72px; }
}

@media (min-width: 1440px) {
  :root { --gutter: var(--space-48); }
}