/* ==========================================================================
   BurgerLab — design tokenek
   Egy helyen a márkaszínek, a rácsméretek és a két téma értékei.
   A Bootstrap saját változóit is itt hangoljuk, hogy a komponensek is
   a márkaszínt vegyék fel.
   ========================================================================== */

:root {
    /* Márka */
    --bl-parazs: #C4450F;
    --bl-parazs-sotet: #9E360B;
    --bl-parazs-vilagos: #E4733F;
    --bl-fenyo: #0D6A61;
    --bl-fenyo-sotet: #095049;
    --bl-mustar: #E8A317;
    --bl-cseresznye: #D92D20;

    /* Tipográfia */
    --bl-betu: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bl-betu-cim: var(--bl-betu);
    --bl-betu-szam: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    /* Rács */
    --bl-sugar: 0.6rem;
    --bl-sugar-kicsi: 0.375rem;
    --bl-oldalsav: 264px;
    --bl-fejlec: 56px;
    --bl-arnyek: 0 1px 2px rgba(16, 18, 20, 0.06), 0 4px 12px rgba(16, 18, 20, 0.06);
    --bl-arnyek-eros: 0 8px 32px rgba(16, 18, 20, 0.16);

    /* Bootstrap felülírások */
    --bs-primary: var(--bl-parazs);
    --bs-primary-rgb: 196, 69, 15;
    --bs-link-color: var(--bl-parazs);
    --bs-link-hover-color: var(--bl-parazs-sotet);
    --bs-border-radius: var(--bl-sugar);
    --bs-border-radius-sm: var(--bl-sugar-kicsi);
    --bs-body-font-family: var(--bl-betu);
}

/* Világos téma */
:root,
:root[data-bs-theme="light"] {
    --bl-hatter: #F6F5F3;
    --bl-felulet: #FFFFFF;
    --bl-felulet-halk: #FAF9F7;
    --bl-keret: #E3E0DB;
    --bl-keret-eros: #CFCAC2;
    --bl-szoveg: #1B1A18;
    --bl-szoveg-halk: #6B655D;
    --bl-oldalsav-hatter: #1B1A18;
    --bl-oldalsav-szoveg: #D8D4CD;
    --bl-oldalsav-szoveg-aktiv: #FFFFFF;
    --bl-oldalsav-kiemeles: rgba(255, 255, 255, 0.08);
}

/* Sötét téma */
:root[data-bs-theme="dark"] {
    --bl-hatter: #131312;
    --bl-felulet: #1C1C1A;
    --bl-felulet-halk: #232321;
    --bl-keret: #33322F;
    --bl-keret-eros: #46443F;
    --bl-szoveg: #EDEBE7;
    --bl-szoveg-halk: #9A948B;
    --bl-oldalsav-hatter: #0E0E0D;
    --bl-oldalsav-szoveg: #A8A39B;
    --bl-oldalsav-szoveg-aktiv: #FFFFFF;
    --bl-oldalsav-kiemeles: rgba(255, 255, 255, 0.06);

    --bl-parazs: #E4733F;
    --bl-parazs-sotet: #C4450F;
    --bs-primary: #E4733F;
    --bs-primary-rgb: 228, 115, 63;
    --bs-link-color: #E4733F;
    --bs-link-hover-color: #F0946B;
    --bl-arnyek: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3);
    --bl-arnyek-eros: 0 8px 32px rgba(0, 0, 0, 0.5);
}