/* ONYX — CENTRALNY PLIK TOKENÓW (jedyne źródło wartości wizualnych).
   Wymóg Marcela (M2): żadna wartość kolorystyczna/typograficzna nie może
   żyć poza tym plikiem — styles.css używa wyłącznie var(--*).
   Kierunek §10 spec (UI-bez-designu): chłodne niebieskawe grafity, JEDEN
   akcent pomarańczowy, mała gęsta typografia. Handoff z Claude Design
   podmieni WYŁĄCZNIE ten plik. */

:root {
  /* — powierzchnie — */
  --bg: #12151a;
  --bg-2: #171b21;
  --panel: #1c2129;
  --panel-2: #222834;
  --border: #2b323d;

  /* — tekst (hierarchia kontrastem) — */
  --text-hi: #e9edf2;   /* niemal-biel: tylko treści pierwszorzędne */
  --text: #a8b2bf;
  --text-dim: #67717e;

  /* — akcent (JEDEN) i stany — */
  --accent: #f97316;
  --accent-dim: #b45309;
  --accent-contrast: #16100a;
  --ok: #34d399;
  --warn: #fbbf24;
  --err: #f87171;
  --err-bg: rgba(248, 113, 113, 0.08);

  /* — typografia — */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fs-base: 13px;
  --fs-sm: 12.5px;
  --fs-xs: 12px;
  --fs-2xs: 11.5px;
  --fs-caption: 11px;
  --fs-h1: 15px;
  --fs-stat: 19px;
  --fs-logo-login: 16px;
  --lh: 1.5;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --ls-wide: 0.14em;
  --ls-caps: 0.05em;
  --ls-caps-sm: 0.04em;

  /* — efekty (stany hover/animacje) — */
  --hover-brightness: 1.1;
  --pulse-opacity: 0.35;

  /* — geometria — */
  --radius: 6px;
  --header-h: 44px;
  --content-max: 1180px;

  /* — tło szachownicy pod przezroczyste PNG — */
  --checker-a: #2b323d;
  --checker-b: #1c2129;
}