/*
 * Kanon wyglądu BDG Portal — tokeny jako zmienne CSS (stan na 30.09.2026).
 *
 * ŹRÓDŁO PRAWDY: blok `@theme` w bdg-portal/src/index.css (barwy 2026: zieleń i czerń według logo,
 * #169A3B / #1A1A1A; granat i pomarańcz z bdgroup.eu). Nazwy są TE SAME co w portalu — reguła
 * skopiowana z portalu działa bez tłumaczenia nazw.
 *
 * Dla kogo ten plik: moduły bez Tailwinda (czysty HTML/CSS, np. panel Ofert, karta /dev/ silnika).
 * Moduł z Tailwindem 4 bierze `tokens.tailwind.css` (te same wartości w bloku `@theme`).
 * Te same wartości w JSON (np. dla Office, e-maili, wykresów): `tokens.json`.
 * Zgodność trzech plików (i z portalem) sprawdza: node narzedzia/sprawdz-kanon.mjs
 *
 * Nowy kolor = decyzja: dopisuje się go tutaj (i w portalu), nie w komponencie.
 */
:root {
  /* Powierzchnie — od tła strony do wyniesionej karty */
  --color-canvas: oklch(98.2% 0.003 240); /* tło strony */
  --color-surface: oklch(100% 0 0); /* karta, kafel, nagłówek */
  --color-surface-sunken: oklch(96.5% 0.004 240); /* tło wklęsłe: pole z kodem, hover, blok pomocniczy */

  /* Tekst */
  --color-ink: oklch(21.8% 0 0); /* #1A1A1A — tekst podstawowy, standard 2026 */
  --color-ink-soft: oklch(45% 0.01 260); /* opisy, akapity pomocnicze */
  --color-ink-muted: oklch(60% 0.01 260); /* podpisy, daty, etykiety kolumn — patrz kolory/README.md (kontrast) */

  /* Obramowania — „hairline” */
  --color-line: oklch(91% 0.004 240);
  --color-line-strong: oklch(84% 0.006 240); /* także kropki tła platformy */

  /* Granat BDG — nazwa „BDG Portal” w nagłówku, przycisk logowania */
  --color-navy: oklch(28% 0.07 262);
  --color-navy-soft: oklch(94% 0.02 262);

  /* Zieleń BDG — akcent podstawowy (znak logo) */
  --color-brand: oklch(60% 0.172 147);
  --color-brand-soft: oklch(95% 0.05 147);
  --color-brand-ink: oklch(42% 0.12 147);

  /* Pomarańcz BDG — wezwania do działania, obrys fokusu, poczekalnia */
  --color-accent: oklch(65% 0.19 40);
  --color-accent-soft: oklch(95% 0.05 40);
  --color-accent-ink: oklch(48% 0.17 40);

  /* Neon programu „Odkrywcy AI” — WYŁĄCZNIE ekrany programu (celowo inny niż zieleń marki) */
  --color-odkrywcy: #00ff88;

  /*
   * Stany procesu — semantyka, nie marka. W portalu jako tokenów ich NIE MA (portal używa klas palety
   * Tailwinda: emerald / amber / red), w modułach (Uprawnienia, Kaucje) są pod tymi nazwami.
   * Kanon przyjmuje nazwy i wartości z modułów.
   */
  --color-ok: oklch(56% 0.132 156);
  --color-ok-soft: oklch(96% 0.032 156);
  --color-ok-ink: oklch(40% 0.11 156);
  --color-warn: oklch(70% 0.152 72);
  --color-warn-soft: oklch(96.5% 0.042 82);
  --color-warn-ink: oklch(46% 0.11 62);
  --color-err: oklch(58% 0.198 22);
  --color-err-soft: oklch(96% 0.032 22);
  --color-err-ink: oklch(44% 0.16 22);

  /* Zaokrąglenie karty w module (`rounded-card`) */
  --radius-card: 1rem;

  /* Typografia — WYŁĄCZNIE fonty systemowe (czcionki/OPIS.md) */
  --font-sans: 'Poppins', 'Segoe UI Variable Display', 'Segoe UI', system-ui, -apple-system,
    'Helvetica Neue', sans-serif;
  --font-mono: 'Cascadia Code', 'Cascadia Mono', Consolas, 'SF Mono', monospace; /* z modułów; portal: domyślny Tailwinda */

  /*
   * Skala Tailwinda 4 (wartości domyślne) — dla modułów bez Tailwinda, żeby „rounded-2xl” czy „p-6”
   * z portalu dało się przepisać 1:1. W module z Tailwindem tych zmiennych NIE definiujemy (daje je Tailwind).
   */
  --spacing: 0.25rem; /* p-1 = 4 px, p-6 = 24 px */
  --radius-lg: 0.5rem; /* małe przyciski, pola formularza, zakładka */
  --radius-xl: 0.75rem; /* przyciski, pasek zakładek */
  --radius-2xl: 1rem; /* bloki wewnątrz karty, ikona w kafelku, komunikaty */
  --radius-3xl: 1.5rem; /* kafel i karta na stronie portalu */
}