/* Hallmark · genre: modern-minimal · theme: custom (vibe: "графитовый терминал, один янтарный сигнал")
 * paper oklch(15.5% 0.012 255) · accent oklch(80% 0.15 75) amber · Unbounded + Golos Text + JetBrains Mono
 * axes: dark / geometric-sans / warm · design-system: design.md · designed-as-app
 */
:root {
  /* поверхности: выше — светлее (тени на тёмном не используем) */
  --color-paper:   oklch(15.5% 0.012 255);
  --color-paper-2: oklch(19%   0.013 255);
  --color-paper-3: oklch(23%   0.014 255);
  --color-paper-4: oklch(27%   0.015 255);
  --color-rule:    oklch(26%   0.013 255);
  --color-rule-2:  oklch(34%   0.014 255);

  --color-ink:     oklch(94% 0.008 255);
  --color-ink-2:   oklch(78% 0.012 255);
  --color-muted:   oklch(62% 0.013 255);

  /* единственный акцент: активное, фокус, промокод */
  --color-accent:      oklch(80% 0.15 75);
  --color-accent-soft: oklch(25% 0.04 75);
  --color-accent-ink:  oklch(20% 0.04 75);
  --color-focus:       oklch(80% 0.15 75);

  /* смысловые: только плюс и минус */
  --color-up:        oklch(76% 0.15 160);
  --color-up-soft:   oklch(24% 0.04 160);
  --color-down:      oklch(68% 0.18 22);
  --color-down-soft: oklch(24% 0.05 22);

  /* данные: хозяева / ничья / гости */
  --color-home: oklch(70% 0.12 245);
  --color-draw: oklch(60% 0.012 255);
  --color-away: oklch(72% 0.13 50);
  --color-home-soft: oklch(26% 0.04 245);

  /* плавающее меню-островок: поверх контента, поэтому полупрозрачное + размытие */
  --color-island: oklch(21% 0.014 255 / 0.86);
  --color-island-shadow: oklch(8% 0.01 255 / 0.55);

  --font-display: "Unbounded", "Golos Text", system-ui, sans-serif;
  --font-body:    "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

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

  --text-xs: 0.75rem; --text-sm: 0.8125rem; --text-md: 0.9375rem; --text-lg: 1.125rem;
  --text-xl: 1.5rem;  --text-2xl: 2.125rem;

  --radius-card: 14px; --radius-input: 10px; --radius-chip: 6px;

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