/* ============================================================
   NextGO+ — Liquid Glass theme (global token override)
   ------------------------------------------------------------
   Wspólna nakładka motywu dla CAŁEGO portalu. Ładowana PO main.css
   na każdej stronie => przemalowuje wszystkie elementy sterowane
   tokenami (przyciski, linki, akcenty, ikony, gradienty) z amber →
   cyan Liquid Glass i podmienia typografię na design-system 2026.

   Zasada: NIE dotykamy struktury ani komponentów — tylko nadpisujemy
   zmienne :root z main.css. Cofnięcie: usuń <link> do tego pliku.

   Mapowanie: --color-accent (amber #f5a623) → brand cyan oklch(80% .125 198).
   Typografia: Orbitron/Inter → Bricolage Grotesque (display) / DM Sans (UI).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=DM+Sans:opsz,wght@9..40,400..700&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
  /* ===== Brand accent: amber → NextGO+ cyan ===== */
  --color-accent:        oklch(80% 0.125 198);   /* cyan-400 */
  --color-accent-bright: oklch(83% 0.105 196);   /* cyan-300 */
  --color-accent-soft:   oklch(75% 0.130 200 / 0.16);

  /* ===== Gradients ===== */
  --gradient-accent:      linear-gradient(135deg, oklch(83% 0.105 196) 0%, oklch(66% 0.125 205) 100%);
  --gradient-accent-soft: linear-gradient(135deg, oklch(75% 0.13 200 / 0.25) 0%, oklch(72% 0.16 292 / 0.18) 100%);

  /* ===== Glow / focus ===== */
  --shadow-glow-accent: 0 0 40px oklch(75% 0.13 200 / 0.32);

  /* ===== Typografia design-systemu ===== */
  --font-display: 'Bricolage Grotesque', 'Orbitron', system-ui, sans-serif;
  --font-body:    'DM Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* ===== Lekko chłodniejsze tło (cool ink) — spójne z DS, bezpieczne ===== */
  --color-bg-deep:     #06070f;
  --color-bg:          #0a0c18;
  --color-bg-elevated: #11131f;
}

/* Focus outline w marce cyan (główny token używany przez :focus-visible) */
:focus-visible{ outline-color: oklch(80% 0.125 198); }

/* Zaznaczenie tekstu w kolorze marki */
::selection{ background: oklch(75% 0.13 200 / 0.28); color: #fff; }
/* Tryb jasny: biały tekst zaznaczenia znikał na jasnym → ciemny. */
:root[data-theme="light"] ::selection{ background: oklch(66% 0.12 205 / 0.30); color: oklch(20% 0.02 250); }
/* Belt-and-suspenders: light-override tokenów tła też tutaj (ten plik ładuje się
   po main.css i re-pinuje ciemne tła w :root — wyższa specyficzność wygrywa). */
:root[data-theme="light"]{
  --color-bg-deep:     #eef2f8;
  --color-bg:          #f4f6fb;
  --color-bg-elevated: #ffffff;
}