/* =======================================================
   MAIN.CSS - GŁÓWNY PUNKT WEJŚCIA
   ======================================================= */

/* 1. IMPORTY SEKCJI (Musi być na samej górze!) */
@import url('sections/header.css');
@import url('sections/cards.css');
@import url('sections/widgets.css');
@import url('sections/footer.css');

/* 2. FONTY */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('../vendor/fontawesome/webfonts/roboto-regular.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('../vendor/fontawesome/webfonts/roboto-bold.woff2') format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url('../vendor/fontawesome/webfonts/roboto-black.woff2') format('woff2'); }

/* 3. ZMIENNE KOLORYSTYCZNE (V24) */ 
:root {
    --c-lotto:      #ffd105; /* DL, EL (Żółty) */
    --c-lotto-plus: #009be4; /* DP (Niebieski) */
    --c-euro:       #9a8457; /* EJ (Złoty) */
    --c-multi:      #8a288f; /* ML (Fiolet) */
    --c-kaskada:    #418d48; /* KL (Zielony) */
    
    --c-grey-plus:  #969696; /* Plusy w EJ i ML (Szary) */

    --brand-green:  #99cc00;
    --brand-dark:   #1a1a1a;
    --bg-body:      #f4f6f8;
    --text-main:    #333;
}

body {
    background-color: var(--bg-body);
    font-family: 'Roboto', sans-serif;
    color: var(--text-main);
    display: flex; flex-direction: column; min-height: 100vh;
}

/* TYPOGRAFIA POMOCNICZA */
.w1 { font-size: 0.75rem !important; }
.w2 { font-size: 0.85rem !important; }
.w3 { font-size: 0.95rem !important; }
.w4 { font-size: 1.1rem !important; }
.w5 { font-size: 1.25rem !important; }
.w6 { font-size: 1.5rem !important; }
.w7 { font-size: 1.75rem !important; }