/* Hallmark · genre: atmospheric · macrostructure: workbench · theme: lumen · drop: night · design-system: design.md · designed-as-app · enrichment: none */
/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4 */

:root {
  --color-paper:        oklch(13% 0.014 265);
  --color-paper-2:      oklch(17% 0.016 265);
  --color-ink:          oklch(96% 0.006 262);
  --color-ink-2:        oklch(78% 0.012 262);
  --color-muted:        oklch(62% 0.018 262);
  --color-rule:         oklch(96% 0.006 262 / 0.14);
  --color-rule-2:       oklch(96% 0.006 262 / 0.22);
  --color-accent:       oklch(76% 0.17 50);
  --color-accent-2:     oklch(68% 0.16 18);
  --color-accent-ink:   oklch(16% 0.03 50);
  --color-focus:        oklch(76% 0.17 50);
  --color-glow:         oklch(80% 0.16 50 / 0.42);
  --color-paper-emit:   oklch(76% 0.17 50 / 0.04);
  --rule-blueprint:     oklch(96% 0.006 262 / 0.04);
  --color-online:       oklch(72% 0.12 155);
  --color-delay:        oklch(76% 0.14 75);
  --color-offline:      oklch(68% 0.18 25);
  --color-success-bg:   oklch(22% 0.03 155);
  --color-danger-bg:    oklch(22% 0.04 25);

  --font-display: "Instrument Serif", ui-serif, Georgia, serif;
  --font-body:    "Geist", ui-sans-serif, sans-serif;
  --font-outlier: "JetBrains Mono", ui-monospace, monospace;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.25rem;
  --text-display: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --dur-pulse: 4s;
  --radius-card: 10px;
  --radius-input: 6px;
  --tracking-micro: 0.10em;
}