:root {
  /* ── Kanał Zero Style (Dark Theme) ── */
  --color-primary: #c0392b;        /* Red Accent (was Navy) */
  --color-primary-light: #e74c3c;
  --color-primary-dark: #a52d22;
  --color-accent: #c0392b;         /* Red Accent (was Gold) */
  --color-accent-light: #e74c3c;
  --color-accent-dark: #a52d22;
  --color-cta: #c0392b;            /* Red — CTA, ważne komunikaty */
  --color-cta-hover: #e74c3c;
  --color-bg: #101010;             /* Near-black background */
  --color-bg-dark: #000000;
  --color-bg-card: #1a1a1a;        /* Darker card background */
  --color-text: #f5f5f5;           /* Light gray text */
  --color-text-light: #a0a0a0;     /* Lighter gray for secondary text */
  --color-text-on-dark: #f1f5f9;
  --color-border: #333333;         /* Dark gray border */

  /* ── Typography (Unified Sans-Serif) ── */
  --font-display: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif; /* Was Playfair Display */
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Fluid type scale */
  --text-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.8rem);
  --text-sm: clamp(0.8rem, 0.75rem + 0.3vw, 0.9rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.3vw, 1.05rem);
  --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  --text-xl: clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --text-2xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);
  --text-3xl: clamp(2rem, 1.5rem + 2vw, 3rem);
  --text-4xl: clamp(2.5rem, 1.8rem + 3vw, 4rem);

  /* ── Spacing ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ── Layout ── */
  --max-width: 1200px;
  --max-width-narrow: 800px;
  --max-width-wide: 1400px;
  --header-height: 64px;
  --bottom-nav-height: 64px;

  /* ── Effects (Adjusted for Dark) ── */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.5);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;
}