/*
 * tokens.css  (Etap C — fundament systemu designu, 2026-06-21)
 * Warstwa tokenow ladowana PIERWSZA (przed wlasny.css). Migracja wartosci hardcoded
 * do var() iteracyjna, z fallbackiem: var(--token, #literal) == zero zmian wizualnych
 * dopoki token == literal. Wzorzec sprawdzony w fg-pro-theme.css (panel operatora).
 * Wartosci dobrane do dominujacych w prod wlasny.css (zero-change migracja).
 */
:root {
  /* === Marka / akcent (fiolet) === */
  --accent: #8b5cf6;            /* kanoniczny akcent marki (22x w wlasny.css) */
  --accent-strong: #7c3aed;     /* ciemniejszy wariant: hover / aktywny */
  --accent-soft: #a855f7;       /* jasniejszy wariant */
  --accent-deep: #5b21b6;       /* violet-800: ciemny koniec gradientow + glebokie akcenty */
  --accent-magenta: #6d00b6;    /* legacy gleboki magenta-fiolet (tla badge daty, strzalki) */
  --accent-indigo: #6366f1;     /* indigo-500: zimny biegun gradientow mega-menu */

  /* === Skala powierzchni (grafit / granat — paleta kafli) === */
  --surface-900: #1a1a2e;
  --surface-800: #2d2d44;
  --surface-700: #40405a;
  --surface-600: #304068;       /* navy akcent kafli */

  /* === Slate (Tailwind — wystepuje w kodzie, docelowo ujednolicic z surface) === */
  --slate-900: #0f172a;
  --slate-800: #1e293b;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748b;

  /* === Neutralne === */
  --white: #fff;

  /* === Promienie === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* === Cienie === */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);
  --shadow-md: 0 10px 40px rgba(0, 0, 0, .15);

  /* === Typografia === */
  --font-sans: 'Inter', 'Geist', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Inter Display', 'Inter', 'Inter Fallback', sans-serif;
  --font-script: 'Birthstone', cursive;  /* dekoracyjny cursive: .motto-haslo */

  /* === Ruch === */
  --transition-base: .2s ease;
}