/* ==========================================================================
   DESIGN TOKENS & THEME VARIABLES - BIBLIOTEKA SŁOWIAŃSKA
   ========================================================================== */

:root {
  /* Kolory Główne - Szlachetny Dąb, Złoto Bursztynowe, Pergamin i Terakota */
  --bg-primary: #0c1410;
  --bg-secondary: #13201a;
  --bg-card: rgba(23, 38, 31, 0.85);
  --bg-card-hover: rgba(30, 50, 41, 0.95);
  --bg-glass: rgba(19, 32, 26, 0.75);
  --bg-overlay: rgba(8, 14, 11, 0.85);
  
  /* Kolory Akcentów */
  --amber-gold: #d4a359;
  --amber-light: #f3c87a;
  --amber-dark: #a37530;
  --amber-glow: rgba(212, 163, 89, 0.25);
  
  --terracotta: #c25e38;
  --terracotta-light: #e07d57;
  
  --slavic-green: #4e9f73;
  --slavic-forest: #204130;
  --slavic-teal: #2a9d8f;
  
  /* Typografia & Kolory Tekstu */
  --text-primary: #f5f0e6;
  --text-secondary: #c9c3b4;
  --text-muted: #8d8778;
  --text-gold: #f3c87a;
  
  /* Ramki i Linie Podziału */
  --border-subtle: rgba(212, 163, 89, 0.18);
  --border-highlight: rgba(212, 163, 89, 0.45);
  --border-strong: #d4a359;
  
  /* Cienie i Poświaty */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.65);
  --glow-gold: 0 0 24px rgba(212, 163, 89, 0.35);
  
  /* Fonty */
  --font-display: 'Cinzel Decorative', 'Cinzel', 'Georgia', serif;
  --font-heading: 'Cinzel', 'Georgia', serif;
  --font-body: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-quote: 'EB Garamond', 'Georgia', serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  
  /* Zaokrąglenia */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  /* Przejścia animacyjne */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Layout */
  --header-height: 76px;
  --max-width: 1440px;
}

/* Tryb Jasny (Pergaminowy Manuskrypt) */
[data-theme="light"] {
  --bg-primary: #f4ede1;
  --bg-secondary: #e9decb;
  --bg-card: rgba(255, 252, 245, 0.9);
  --bg-card-hover: rgba(255, 255, 255, 0.98);
  --bg-glass: rgba(244, 237, 225, 0.85);
  --bg-overlay: rgba(40, 32, 24, 0.7);
  
  --text-primary: #211c16;
  --text-secondary: #4a4237;
  --text-muted: #7a7061;
  --text-gold: #8f641e;
  
  --border-subtle: rgba(143, 100, 30, 0.2);
  --border-highlight: rgba(143, 100, 30, 0.4);
  --border-strong: #8f641e;
  
  --shadow-sm: 0 2px 6px rgba(50, 40, 30, 0.08);
  --shadow-md: 0 6px 16px rgba(50, 40, 30, 0.12);
  --shadow-lg: 0 12px 28px rgba(50, 40, 30, 0.18);
  --glow-gold: 0 0 18px rgba(180, 130, 40, 0.2);
}

/* Własny scrollbar w słowiańskim klimacie */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--border-highlight);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--amber-gold);
}