/* ============================================================
   ZMIENNE
   ============================================================ */
:root {
    /* Kolory główne */
    --Platonic:              #F5F5F5;
    --Napisy:                #171940;

    /* Niebieski */
    --Niebieski:             #3B82F6;
    --NiebieskiHover:        #1D4ED8;
    --CiemnyNiebieski:       #1E40AF;
    --JasnyNiebieski:        #DBEAFE;

    /* Fioletowy */
    --Fioletowy:             #7471D9;
    --FioletowyHover:        #5f5cbd;
    --CiemnyFioletowy1:      #3A2390;
    --CiemnyFioletowy2:      #3E0C60;

    /* Zielony */
    --Zielony:               #10B981;
    --ZielonyHover:          #059669;
    --CiemnyZielony:         #065F46;
    --JasnyZielony:          #D1FAE5;

    /* Pomarańczowy */
    --Pomaranczowy:          #F59E0B;
    --PomaranczyHover:       #D97706;
    --CiemnyPomaranczowy:    #92400E;
    --JasnyPomaranczowy:     #FEF3C7;

    /* Czerwony */
    --Czerwony:              #EF4444;
    --CzerwonyHover:         #DC2626;
    --CiemnyCzerwony:        #991B1B;
    --JasnyCzerwony:         #FEE2E2;

    /* Szary / tekst */
    --CiemnySzaryTekst:      #444444;
    --SzaryTekst:            #64748B;
    --Ramka:                 #E2E8F0;
    --JasnySzary:            #A9A9A9;
    --JasnyBiały:            #F8F8F8;

    /* Tła */
    --MainContentBG:         #FFFFFF;
    --SidebarBG:             #F8FAFC;

    /* Cienie */
    --shadow-crisp: 0 10px 30px -10px rgba(23, 25, 64, 0.15),
                    0 4px 6px -4px rgba(23, 25, 64, 0.05);
    --shadow-xl:    0 12px 48px rgba(0, 0, 0, 0.1);

    /* Contest */
    --ContestZielonyJasny2:  #A7F3D0;
    --ContestNiebieski2:     #2563EB;
    --ContestNiebieskiJasny2:#BFDBFE;
    --ContestFioletJasny:    #E9D5FF;
    --ContestFioletJasny2:   #D8B4FE;
    --ContestFioletCiemny:   #6B21A8;
    --ContestPomaranczJasny2:#FDE68A;
    --ContestPomaranczCiemny2:#78350F;
    --ContestSzary:          #94A3B8;
    --ContestSzaryJasny:     #F1F5F9;
    --ContestSzaryCiemny:    #475569;
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ============================================================
   TYPOGRAFIA
   ============================================================ */
html {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}

/* ============================================================
   BODY
   ============================================================ */
body {
    width: 100%;
    overflow-x: hidden;
    background-color: var(--Platonic);
}