/* ==========================================
   PALETA KOLORÓW ATK EDUKACJA
   ========================================== */

:root {
    /* Kolory główne z identyfikacji wizualnej */
    --color-white: #FFFFFF;
    --color-yellow: #FFC03B;
    --color-blue: #0E44D0;
    --color-gray-light: #DEE2E6;
    --color-gray-dark: #495057;
    
    /* Kolory funkcjonalne */
    --color-primary: #0E44D0;      /* Niebieski - główny akcent */
    --color-secondary: #FFC03B;     /* Żółty - drugorzędny akcent */
    --color-text: #495057;          /* Ciemny szary - tekst */
    --color-text-light: #6c757d;    /* Jaśniejszy szary - tekst drugorzędny */
    --color-background: #FFFFFF;    /* Białe tło */
    --color-background-alt: #F8F9FA; /* Bardzo jasne tło */
    --color-border: #DEE2E6;        /* Jasny szary - obramowania */
    
    /* Kolory statusów (pozostają bez zmian) */
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    
    /* Gradient główny */
    --gradient-primary: linear-gradient(135deg, #0E44D0 0%, #0a34a0 100%);
    --gradient-secondary: linear-gradient(135deg, #FFC03B 0%, #ffb020 100%);
    
    /* Cienie */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
    
    /* Mapowanie na stare zmienne (kompatybilność wsteczna) */
    --surface-card: #FFFFFF;
    --surface-muted: #F8F9FA;
    --border-color: #DEE2E6;
    --text-primary: #495057;
    --text-secondary: #6c757d;
    --text-tertiary: #adb5bd;
    --primary-blue: #0E44D0;
    --primary-yellow: #FFC03B;
}