/* tokens.css — JEDYNE źródło stylu (paleta, font, odstępy, promienie, cienie). Zero inline styles. */
/* Motyw: JASNY APPLE (bespoke portalu) — decyzja Piotra 2026-06-22, odwraca D6 (ciemna sterownia). */
/* Akcent wiodący = miedź NP. Własna skala, NIE współdzielona z NP-HUB. Nazwy zmiennych zachowane. */
:root {
  /* PALETA — jasny Apple, ciepłe szarości */
  --bg-base: #f6f5f3;        /* tło portalu (ciepłe jasnoszare) */
  --bg-surface: #ffffff;     /* karty, panele */
  --bg-surface-2: #fafaf9;   /* hover / zagłębienia / wiersze */
  --border: #e7e4df;         /* delikatne krawędzie (nie ciężkie ramki) */
  --border-light: #f0eeea;   /* jeszcze lżejsza linia podziału */
  --text: #1c1b1a;           /* tekst główny (ciepła czerń) */
  --text-muted: #6e6a64;     /* opisy, metadane, drobny dopisek kodu */

  /* AKCENT — miedź NP (wiodący) */
  --accent: #c2410c;
  --accent-hover: #a8380a;
  --accent-soft: rgba(194,65,12,.10);

  /* STATUSY (kolory Apple, czytelne na jasnym tle) */
  --status-green: #1da750;   /* Działa */
  --status-yellow: #e08600;  /* Wymaga uwagi (bursztyn) */
  --status-red: #ff3b30;     /* Awaria */
  --status-nodata: #8e8e93;  /* Brak danych (neutralny szary — NIE błąd) */
  --status-silenced: #7a8699; /* Uśpiony/Zaparkowany (celowo off — chłodny slate, NIE błąd, NIE „brak danych”) */
  --green-soft: rgba(29,167,80,.12);
  --yellow-soft: rgba(224,134,0,.12);
  --red-soft: rgba(255,59,48,.12);
  --nodata-soft: rgba(142,142,147,.12);
  --silenced-soft: rgba(122,134,153,.12);

  /* TYPOGRAFIA — SF Pro / systemowy (Apple), monospace tylko dla liczb/ID/danych */
  --font-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'SF Mono', ui-monospace, 'JetBrains Mono', Menlo, monospace;

  /* ODSTĘPY (4px) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;

  /* PROMIENIE — miękkie, Apple */
  --r-sm: 8px; --r-md: 12px; --r-lg: 18px; --r-pill: 980px;

  /* CIENIE — miękkie, warstwowe (Apple), zamiast ciężkich ramek */
  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow: 0 2px 10px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,.08);
  --shadow-lg: 0 20px 56px rgba(0,0,0,.14);

  /* LAYOUT */
  --sidebar-w: 230px;
  --pulse-w: 340px;          /* AI Pulse — prawa kolumna na poziomie 1 (desktop ≥960px) */

  /* FOKUS — widoczny na jasnym tle */
  --ring-focus: 0 0 0 3px rgba(194,65,12,.28);
}