:root {
  /* Kolory bazowe */
  --color-bg-primary: #000;
  --color-bg-secondary: #0b0b12;
  --color-bg-card: #151320;
  --color-bg-dark: #0e0d16;

  /* Teksty */
  --color-text-primary: #fff;
  --color-text-secondary: #f5f3ff;
  --color-text-muted: #b5a8d3;
  --color-text-light: #e0e0e0;

  /* Akcenty */
  --color-accent: #d4af37;
  --color-accent-hover: #f6d14a;
  --color-accent-gold: #ffcc00;
  --color-accent-gold-hover: #ffdb4d;

  /* Obramowania */
  --color-border: #2e2a3d;
  --color-border-gold: var(--color-accent);

  /* Promienie */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 50px;

  /* Cienie */
  --shadow-sm: 0 2px 8px rgba(0,0,0,.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,.35);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.6);
  --shadow-gold: 0 0 10px rgba(255,204,0,0.5);

  /* Przejścia */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.3s ease;

  /* Wymiary */
  --max-width-content: 900px;
  --max-width-wide: 1100px;
}