/* tokens.css
   Zmienne motywu — jedyne miejsce, w którym zmienia się paleta.
   Lucifer's Garage */

/* ============================================================
   LUCIFER'S GARAGE — tokeny motywu
   Paleta: grafit / kość / mosiądz / oxblood
   ============================================================ */
:root{
  /* Zieleń z identyfikacji LG555 — nazwy zmiennych zostają, żeby nie
     przepisywać sześciu arkuszy; --brass to po prostu kolor marki. */
  --brass:#16C25A;
  --brass-2:#3FE07E;
  --oxblood:#B3261E;
  --ok:#3E8E5A;
  --warn:#C2603A;

  --r-sm:4px; --r-md:8px; --r-lg:14px;
  --maxw:1180px;
  --nav-h:74px;

  --f-display:'Barlow Condensed', 'Archivo Narrow', 'Arial Narrow', sans-serif;
  --f-body:'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono:'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
}
html[data-theme="dark"]{
  --bg:#0A0C0B;
  --bg-2:#101413;
  --surface:#151A18;
  --line:#232A27;
  --surface-2:#1D2320;
  --line-2:#313A36;
  --text:#EDF2EF;
  --dim:#8B9691;
  --brass-soft:rgba(22,194,90,.12);
  --shadow:0 18px 44px rgba(0,0,0,.55);
  --grain:rgba(255,255,255,.022);
}
html[data-theme="light"]{
  --bg:#EDF0EE;
  --bg-2:#F5F7F6;
  --surface:#FFFFFF;
  --surface-2:#E9EEEB;
  --line:#DAE0DD;
  --line-2:#BFC8C4;
  --text:#0C120F;
  --dim:#5C6763;
  --brass:#0B8F42;
  --brass-2:#0A7A38;
  --brass-soft:rgba(11,143,66,.10);
  --shadow:0 16px 38px rgba(12,32,20,.13);
  --grain:rgba(0,0,0,.02);
}