/* Hallmark · design tokens · genre: modern-minimal (infra/dev-tool) · theme: custom "Terminal Amber"
 * vibe: terse hacker-ops VPS host, not generic SaaS — dark paper, monospace-forward, warm phosphor accent
 * paper-band: dark · display-style: mono · accent-hue: warm (48°)
 * differs from prior Cobalt build on all three diversification axes (paper-band, display-style, accent-hue)
 * committed dark theme — no light-mode alternate; the dark terminal register IS the brand, not a user preference
 * Portable export — mirrors the :root block declared in index.html.
 */

:root{
  --color-paper:        oklch(15% 0.012 48);
  --color-paper-2:      oklch(19% 0.014 48);
  --color-paper-3:      oklch(23% 0.016 48);
  --color-rule:         oklch(30% 0.014 48);
  --color-rule-strong:  oklch(40% 0.016 48);
  --color-ink:          oklch(94% 0.010 70);
  --color-ink-2:        oklch(74% 0.012 60);
  --color-ink-3:        oklch(56% 0.012 55);
  --color-accent:       oklch(72% 0.17  50);
  --color-accent-strong:oklch(80% 0.15  46);
  --color-accent-soft:  oklch(28% 0.05  48);
  --color-accent-ink:   oklch(14% 0.02  48);
  --color-focus:        oklch(78% 0.17  48);
  --color-scrim:        oklch(8%  0.014 48 / 0.72);

  --font-display: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;
  --font-body:    "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;

  --text-xs:      0.8rem;
  --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-hero-figure: clamp(4rem, 14vw, 7rem);

  --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;

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

  --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;

  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-modal: 400; --z-toast: 500; --z-tooltip: 600;

  --shadow-nav: 0 8px 24px -20px oklch(5% 0.02 48 / 0.6);
}