/* ============================================================================
 * UI 2.0 — „Inkaust i Obsydian" — design tokens
 * design/gdd/ui-2.0-proposal.md §4.2 (ZATWIERDZONE 2026-06-11, wariant A)
 *
 * ZASADA: żaden kolor/spacing/font poza tokenami. Jeden akcent globalny
 * (--sw-gold). Kolory frakcji wyłącznie semantycznie (portret, mapa wojny).
 * ========================================================================== */

:root {
  /* ── Powierzchnie ── */
  --sw-obsidian:      #0B0D12;   /* tło aplikacji / letterbox          */
  --sw-panel:         #11141C;   /* tło paneli (z --sw-panel-alpha)     */
  --sw-panel-alpha:   0.92;
  --sw-panel-blur:    12px;
  --sw-well:          #0D0F16;   /* zagłębienia: sloty, inputy          */

  /* ── Linie i tekst ── */
  --sw-ash:           #2A2F3A;   /* ramki 1px, separatory               */
  --sw-ash-strong:    #3A4150;   /* ramka hover / aktywna sekcja        */
  --sw-bone:          #C8D0D8;   /* tekst podstawowy                    */
  --sw-bone-dim:      #7A828E;   /* tekst wyciszony, etykiety           */
  --sw-bone-faint:    #4A515C;   /* placeholdery, disabled              */

  /* ── JEDYNY akcent globalny ── */
  --sw-gold:          #C9A227;   /* hover, aktywne, ważne, focus        */
  --sw-gold-dim:      #8A7220;   /* akcent wyciszony (ramki aktywne)    */
  --sw-gold-glow:     rgba(201, 162, 39, 0.18);  /* inner-glow          */

  /* ── Witalne (krew, nie neon) ── */
  --sw-hp:            #8E2A35;
  --sw-hp-loss:       #4A1A20;   /* tło ubytku / lag-bar                */
  --sw-essence:       #3D2E6B;   /* Esencja Cienia (SC)                 */
  --sw-stamina:       #5A6E4A;
  --sw-xp:            #6B5A2E;   /* Fluency / postęp                    */

  /* ── Frakcje (TYLKO semantycznie) ── */
  --sw-luminaris:     #E8C55A;
  --sw-entropia:      #7A3FF2;
  --sw-shadow:        #4A7A8A;

  /* ── Stany systemowe ── */
  --sw-danger:        #A33B30;   /* błąd, strefa PvP, ostrzeżenie       */
  --sw-success:       #5A7A4A;   /* potwierdzenie (oszczędnie)          */

  /* ── Typografia ── */
  --sw-font-display:  'Cinzel', 'Georgia', 'Times New Roman', serif;
  --sw-font-body:     'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --sw-font-mono:     'IBM Plex Mono', 'Consolas', monospace;
  --sw-fs-title:      1.0625rem;  /* 17px — tytuły paneli                */
  --sw-fs-body:       0.875rem;   /* 14px                                */
  --sw-fs-small:      0.75rem;    /* 12px — etykiety, liczby slotów      */
  --sw-tracking-title: 0.14em;    /* kapitaliki tytułów                  */

  /* ── Siatka 8px ── */
  --sw-s1: 0.25rem;   /*  4px */
  --sw-s2: 0.5rem;    /*  8px */
  --sw-s3: 0.75rem;   /* 12px */
  --sw-s4: 1rem;      /* 16px */
  --sw-s6: 1.5rem;    /* 24px */
  --sw-s8: 2rem;      /* 32px */

  /* ── Promienie / sloty ── */
  --sw-radius:        2px;       /* ostre, „wytrawione" — nie bąbelkowe */
  --sw-slot-size:     48px;
  --sw-slot-size-sm:  36px;

  /* ── Warstwy z-index (5 i tylko 5) ── */
  --sw-z-world:   0;     /* canvas                       */
  --sw-z-hud:     100;   /* HUD stały                    */
  --sw-z-hub:     200;   /* huby pełnoekranowe           */
  --sw-z-dialog:  300;   /* dialogi NPC / modale         */
  --sw-z-toast:   400;   /* powiadomienia                */

  /* ── Ruch ── */
  --sw-t-fast:    120ms ease-out;
  --sw-t-med:     220ms ease-out;
  --sw-chat-fade: 8s;            /* auto-fade czatu (ui_config)         */

  /* ── Skala HUD (ustawiana z JS: clamp(vh/900, .85, 1.25)) ── */
  --sw-hud-scale: 1;
}

@media (prefers-reduced-motion: reduce) {
  :root { --sw-t-fast: 0ms; --sw-t-med: 0ms; }
}