/* Hallmark · route: studied-DNA (source: url https://www.umbraprivacy.com/)
 * structure: один экран — заголовок, вкладки, работающий виджет
 * theme: неоновый тёмно-зелёный по просьбе владельца (было светлое)
 * paper: oklch(14% 0.021 155) · accent: oklch(86% 0.235 143)
 * display: Plus Jakarta Sans · mono: JetBrains Mono
 * axes: dark / rounded-sans / green · gates: all-pass · studied: yes
 */
:root {
  /* Фон тёмный, но не чёрный и с зелёным подтоном: чистый #000 читается
     синтетикой, а подтон держит всю страницу одной температуры. */
  --color-paper:    oklch(14% 0.021 155);
  --color-paper-2:  oklch(18.5% 0.026 155);   /* карточка: выше по светлоте */
  --color-paper-3:  oklch(23% 0.030 155);     /* утопленное поле */
  --color-ink:      oklch(95% 0.022 150);
  --color-ink-2:    oklch(73% 0.028 150);
  --color-ink-3:    oklch(64% 0.028 150);   /* 56% давало 4.3 на 11 px — ниже порога */
  --color-rule:        oklch(86% 0.235 143 / 0.14);
  --color-rule-strong: oklch(86% 0.235 143 / 0.30);
  /* Неон: высокая цветность, и он же светится. Держим на кнопке, знаке,
     активной вкладке и источнике в фоне — остальное набрано обычным. */
  --color-accent:      oklch(86% 0.235 143);
  --color-accent-dim:  oklch(86% 0.235 143 / 0.18);
  --color-accent-ink:  oklch(16% 0.035 155);
  --color-warn:        oklch(74% 0.17 45);
  --color-focus:       oklch(84% 0.16 178);
  /* На тёмном высоту даёт светлота, а не тень: тень здесь только чтобы
     оторвать карточку от фона, плюс мягкий отсвет неона под кнопкой. */
  --color-shadow:      oklch(8% 0.02 155 / 0.55);
  --color-glow:        oklch(86% 0.235 143 / 0.28);

  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --space-2xs: 4px;  --space-xs: 8px;   --space-sm: 12px;  --space-md: 16px;
  --space-lg: 24px;  --space-xl: 36px;  --space-2xl: 56px; --space-3xl: 88px;

  --text-xs: 0.6875rem; --text-sm: 0.8125rem; --text-base: 0.9375rem;
  --text-lg: 1.0625rem; --text-xl: 1.375rem;  --text-2xl: 1.875rem;
  --text-display: clamp(2.25rem, 5.2vw, 3.5rem);

  --track-tight: -0.055em;
  --track-label: 0.02em;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --dur-short: 140ms; --dur-mid: 280ms;

  --radius-pill: 999px;
  --radius-card: 18px;
  --radius-field: 12px;
  --rule-hair: 1px;
  --shell: 640px;
}