/* Hallmark · macrostructure: bespoke app-shell · tone: utilitarian-technical · anchor hue: cobalt 262
 * theme: Cobalt · genre: modern-minimal · nav: side-rail · studied: no
 * Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4
 */
:root {
  /* paper / ink */
  --color-paper:    oklch(98.5% 0.003 262);
  --color-paper-2:  oklch(96.5% 0.005 262);
  --color-paper-3:  oklch(93.5% 0.008 262);
  --color-card:     oklch(100% 0 0);
  --color-ink:      oklch(22% 0.02 262);
  --color-ink-2:    oklch(45% 0.02 262);
  --color-ink-3:    oklch(62% 0.015 262);
  --color-line:     oklch(90% 0.008 262);
  --color-line-2:   oklch(85% 0.01 262);

  /* accent — cobalt, використовується скупо */
  --color-accent:      oklch(50% 0.19 262);
  --color-accent-ink:  oklch(99% 0.005 262);
  --color-accent-soft: oklch(94% 0.035 262);
  --color-focus:       oklch(55% 0.2 262);

  /* semantics */
  --color-pos:      oklch(52% 0.14 150);
  --color-pos-soft: oklch(95% 0.04 150);
  --color-neg:      oklch(53% 0.17 25);
  --color-neg-soft: oklch(95.5% 0.03 25);
  --color-warn-soft:oklch(96% 0.05 85);
  --color-warn-ink: oklch(48% 0.11 75);

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

  --text-xs:  0.75rem;
  --text-sm:  0.8125rem;
  --text-md:  0.9375rem;
  --text-lg:  1.125rem;
  --text-xl:  1.375rem;
  --text-2xl: 1.875rem;
  --text-num: 2.5rem;

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

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
}