/* ============================================================
   ONYX — design tokens (faza 1)
   Dark-only. Tokeny SEMANTYCZNE — szew pod przyszły jasny motyw:
   zmiana motywu = nadpisanie :root, zero zmian w komponentach.
   Klasy w components.css: proste kebab-case, bez BEM.
   ============================================================ */
:root{
  /* --- powierzchnie --- */
  --surface-0:#0B0E13;        /* tło aplikacji */
  --surface-inset:#080B10;    /* pola, wnętrza, prompt-block */
  --surface-1:#10151C;        /* chipy, przyciski secondary, menu */
  --surface-2:#0E1218;        /* modale */
  --surface-rail:#0A0D12;     /* prawa kolumna / konsole boczne */
  --surface-active:#212B37;   /* aktywny segment przełącznika */
  --surface-hover:#141B24;    /* hover pozycji menu */

  /* --- kreski i obwódki --- */
  --border:#1C222C;           /* separatory sekcji */
  --border-hairline:#12181F;  /* wiersze tabel, wewnętrzne linie */
  --border-field:#232B37;     /* obwódki pól i chipów */
  --border-field-hover:#33404F;
  --border-ghost:#1E2631;     /* przerywane, wkrótce/wzorce */

  /* --- tekst --- */
  --text-primary:#EEF2F7;
  --text-secondary:#8A93A2;
  --text-tertiary:#57606E;
  --text-faint:#4C5563;
  --text-disabled:#3A4250;
  --text-ghost:#39424E;       /* numeracja osi, watermarki */

  /* --- akcent (pomarańcz: CTA, aktywne, estymaty) --- */
  --accent:#F97316;
  --accent-soft:#FB923C;      /* estymaty kosztów, teksty akcentowe */
  --accent-deep:#EA6A0F;
  --accent-border:#C2570B;
  --on-accent:#0B0E13;
  --accent-dim-bg:rgba(249,115,22,.12);
  --accent-dim-border:rgba(249,115,22,.45);

  /* --- statusy --- */
  --success:#3CE8A0;
  --success-dim-bg:rgba(60,232,160,.12);
  --success-dim-border:rgba(60,232,160,.35);
  --danger:#FF6257;
  --danger-dim-bg:rgba(255,98,87,.12);
  --danger-wash:rgba(255,98,87,.05);   /* pełnoszerokie pasy (alert budżetu 8a) */
  --danger-dim-border:rgba(255,98,87,.35);

  /* --- typografia --- */
  --font-ui:'IBM Plex Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',monospace;   /* liczby, kwoty, ID, meta */
  --font-size-2xs:10px;   /* meta, badge */
  --font-size-xs:10.5px;  /* etykiety sekcji (letter-spacing .14em) */
  --font-size-sm:11.5px;  /* meta mono, pomocnicze */
  --font-size-base:12.5px;/* treść, przyciski */
  --font-size-md:13px;    /* body */
  --font-size-lg:15px;    /* tytuły kart/modali */
  --font-size-xl:20px;    /* tytuł widoku */
  --font-size-num:26px;   /* duże kwoty w konsolach */

  /* --- odstępy (siatka 4) --- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px;

  /* --- promienie --- */
  --radius-1:3px;   /* kbd, badge */
  --radius-2:5px;   /* pola, chipy, selecty */
  --radius-3:6px;   /* karty wewnętrzne, miniatury */
  --radius-4:8px;   /* przyciski primary, modale, konsole */
  --radius-pill:999px;

  /* --- cienie i focus --- */
  --shadow-btn-primary:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.45),0 8px 18px -8px rgba(249,115,22,.55);
  --shadow-console:0 16px 40px rgba(0,0,0,.4);
  --shadow-modal:0 30px 70px rgba(0,0,0,.65);
  --shadow-menu:0 10px 30px rgba(0,0,0,.5);
  --focus-ring:0 0 0 3px rgba(249,115,22,.09);

  /* --- gradienty przycisków (WIĄŻĄCE — primary nigdy płaski) --- */
  --btn-primary-bg:linear-gradient(180deg,#FB8A3C,#F97316 55%,#EA6A0F);
  --btn-primary-bg-hover:linear-gradient(180deg,#FF9C52,#FB8134 55%,#F0700F);

  /* --- layout --- */
  --top-bar-h:48px;
  --layout-min:1280px;        /* twarde minimum */
  --layout-degrade-min:1024px;/* 1024–1280: sidebar zwija się do ikon */

  /* --- rozszerzenia semantyczne (review M3b): wartości z mockupu
     bez nazw w handoffie — jedyne dozwolone miejsce ich definicji --- */
  --surface-card:#0D1117;     /* karta produktu w Kreatorze */
  --border-card:#1A212B;      /* obwódka i separatory karty produktu */
  --border-section:#161D26;   /* linie sekcji Kreatora / szczegółu runa / paski postępu */
  --border-strong:#2A3340;    /* łokieć pod-osi, mocniejsze separatory */
  --border-chip:#273040;      /* chipy, badge, obwódki lightboxa */
  --text-soft:#C7D1DE;        /* treść chipów, wartości meta */
  --on-accent-border:rgba(11,14,19,.35); /* obwódka kbd/elementów na tle akcentu */
  --checker-a:#141A23;        /* szachownica przezroczystości (miniatury) */
  --checker-b:#101620;
  /* A4: pozostałe wartości z mockupu bez nazw — jedyne dozwolone miejsce (M4.5) */
  --accent-link-hover:#FDBA74; /* hover linków tekstowych */
  --avatar-bg:#26303D;         /* tło awatara konta */
  --surface-track:#161C25;     /* tor progressu / tło primary:disabled */
  --surface-selected:#161D27;  /* zaznaczona pozycja menu / tło tooltipa */
  --success-muted:#7BC9A3;     /* badge „Gotowe" (stonowana zieleń) */
  --border-seg:#1B222C;        /* separator segmented / drobne kreski */
  /* fala 2 (design v2): powierzchnia przypiętego doku estymaty (12b) —
     wartość z mockupu bez nazwy w handoffie; jedyne dozwolone miejsce */
  --surface-dock:#0C1017;      /* tło .action-dock (nieco jaśniejsze od tła) */
}

/* ALIASY LEGACY (--bg/--panel/--text/--fs-*/--radius…) usunięte w fali 2
   (sweep tokenów, spec v1.31): zero użyć w app/js i app/css — jeden
   semantyczny zestaw (--surface-*/--text-*/--font-size-*/--radius-*). */