/* HomeLab Control — design tokens. Wszystkie kolory, promienie, cienie i odstępy są tutaj.
   Styl: prawie czarne, płaskie powierzchnie z cienką ramką, stonowany akcent (turkus → przygaszony róż),
   ciepła poświata w lewym górnym rogu tła i chłodna w prawym dolnym. Bez neonów. */
:root {
  /* tło */
  --bg: #0a0a0b;
  --bg-2: #0f0f11;
  --bg-warm: rgba(150, 92, 88, 0.20);    /* poświata lewy górny róg */
  --bg-cool: rgba(38, 104, 124, 0.24);   /* poświata prawy dolny róg */

  /* powierzchnie (nazwy „glass” zostały z poprzedniej wersji — teraz to płaskie warstwy) */
  --glass: #121214;              /* karta */
  --glass-strong: #1a1a1d;       /* przycisk, kafel, wiersz */
  --glass-hover: #1f1f23;
  --glass-active: #2c2c31;       /* aktywny kafel w doku */
  --glass-border: #232327;
  --glass-border-strong: #313137;
  --glass-inner: none;
  --glass-blur: 0px;
  --card-shadow: none;
  --field: #0e0e10;              /* pola formularzy */

  /* tekst */
  --text: #ececee;
  --text-2: #a1a1a8;
  --text-3: #6c6c74;
  --text-inv: #0a0a0b;

  /* akcent — użytkownik zmienia go w Ustawieniach (ui.accent); base.html nadpisuje --accent i --accent-rgb */
  --accent: #5fb8b4;
  --accent-rgb: 95, 184, 180;
  --rose: #b98c92;               /* druga strona gradientu przycisków */
  --accent-2: var(--rose);
  --accent-deep: color-mix(in srgb, var(--accent) 62%, #000);
  --accent-grad: linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, #1a1a1a) 0%, var(--rose) 100%);
  --accent-grad-rev: linear-gradient(90deg, #6b3f47 0%, color-mix(in srgb, var(--accent) 55%, #0c2a2a) 100%);
  --accent-soft: rgba(var(--accent-rgb), 0.10);
  --accent-glow: none;

  /* stany */
  --ok: var(--accent);
  --ok-bg: rgba(var(--accent-rgb), 0.10);
  --ok-glow: none;
  --live: #7bd88f;               /* „LIVE”, „działa teraz” */
  --warn: #e0a64a;
  --warn-bg: rgba(224, 166, 74, 0.12);
  --warn-glow: none;
  --bad: #e5574f;
  --bad-bg: rgba(229, 87, 79, 0.12);
  --bad-glow: none;
  --unknown: #5c5c64;
  --unknown-bg: rgba(92, 92, 100, 0.16);
  --info: #8e9cf0;

  /* kształt */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;
  --gap: 16px;
  --gap-sm: 10px;
  --pad: 18px;

  /* typografia */
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs: 13.5px;
  --fs-lg: 15px;
  --fs-xl: 21px;
  --fs-num: 32px;

  /* ruch i układ */
  --t: 150ms cubic-bezier(.2, .8, .2, 1);
  --header-h: 0px;
  --dock-h: 74px;
  --dock-gap: 18px;
}

@media (prefers-reduced-motion: reduce) { :root { --t: 0ms; } }
@media (max-width: 900px) { :root { --gap: 12px; --pad: 15px; --fs-num: 27px; } }
:root.lowfx { --bg-warm: transparent; --bg-cool: transparent; }