:root {
    /* --- Paleta kolorów: CRAX Commander "Electric Indigo" --- */
    --bg-main: #0b0c15;        /* Bardzo ciemny granat zamiast czystej czerni */
    --bg-secondary: #13141f;   /* Tło kart */
    --bg-tertiary: #1c1e2e;    /* Tło placeholderów */
    
    --text-main: #e2e8f0;      /* Chłodna biel do tekstu */
    --text-muted: #94a3b8;     /* Chłodny szary do tekstu pomocniczego */
    --border-color: #2d3748;   /* Subtelny granatowy obrys */
    
    /* === KOLORY BIZNESOWE === */
    --brand-light: #fff; /* Bazowy jasny kolor (np. do ikon, logo, tła, białych akcentów) */
    --brand-light-06: rgba(255,255,255,0.06); /* Wariant przezroczysty */
    --brand-light-15: rgba(255,255,255,0.15); /* Wariant przezroczysty */

    /* 1. INDIGO - Kolor Główny (Przyciski, Ramki, Ikony) */
    --accent-primary: #6366f1;
    
    /* 2. CYAN - Kolor Drugorzędny (Gradienty) */
    --accent-secondary: #06b6d4;
    
    /* Hover - Ciemniejsze Indygo */
    --accent-hover: #4f46e5;
    
    /* 3. GRADIENT TEKSTU (Indygo -> Cyjan) */
    --accent-gradient: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
    
    /* 4. GLOW (POŚWIATA) - Idealnie wyważona */
    --glow-subtle: rgba(99, 102, 241, 0.20);
    --glow-strong: rgba(99, 102, 241, 0.35); /* Dla Hero */
    
    /* Cień pod tekstem nagłówków */
    --glow-text: drop-shadow(0 0 12px rgba(99, 102, 241, 0.3));

    /* Dodatkowe zmienne */
    --bg-hover: #1a1b26;
    --shadow-indigo: rgba(99, 102, 241, 0.35);
    --shadow-black: rgba(0,0,0,0.3);
}