/* Hallmark · macrostructure: Line Map (bespoke) · tone: civic-playful, exec-grade · anchor hue: 92 (R-line yellow)
 * theme: custom · paper oklch(96.5% 0.012 85) · accent oklch(86% 0.175 92) · Archivo (wdth 62–125) + JetBrains Mono
 * axes: light / display-condensed / warm · nav: N9 edge-aligned + live clock · footer: Ft5 statement
 */
:root {
  /* paper + ink */
  --color-paper: oklch(96.5% 0.012 85);
  --color-paper-2: oklch(92.5% 0.016 85);
  --color-ink: oklch(19% 0.012 70);
  --color-ink-2: oklch(36% 0.012 70);
  --color-muted: oklch(48% 0.012 70);
  --color-rule: oklch(19% 0.012 70 / 0.16);

  /* signal: the R line */
  --color-signal: oklch(86% 0.175 92);
  --color-signal-deep: oklch(78% 0.17 85);

  /* night surfaces */
  --color-night: oklch(18% 0.014 260);
  --color-night-2: oklch(25% 0.016 260);
  --color-on-night: oklch(95% 0.01 85);
  --color-on-night-muted: oklch(72% 0.012 260);
  --color-night-rule: oklch(95% 0.01 85 / 0.14);

  --color-focus: oklch(52% 0.22 262);

  /* project lines (portfolio bullets) */
  --line-blue: oklch(45% 0.19 262);
  --line-purple: oklch(50% 0.2 320);
  --line-yellow: oklch(86% 0.175 92);
  --line-red: oklch(58% 0.22 27);
  --line-lime: oklch(76% 0.18 135);
  --line-green: oklch(52% 0.15 150);
  --line-orange: oklch(70% 0.19 48);
  --line-ink-dark: oklch(19% 0.012 70);
  --line-ink-light: oklch(98% 0.005 85);

  /* type */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-body: "Archivo", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-xl: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
  --text-2xl: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --text-3xl: clamp(2.25rem, 1.5rem + 3.5vw, 4.5rem);
  --text-4xl: clamp(3rem, 10vw, 8.5rem);
  --text-display: clamp(3.5rem, 15vw, 13rem);

  /* space (4pt) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 1320px;

  --radius-pill: 999px;
  --radius-sm: 6px;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 900ms;
}