:root {
    /* Sötét téma alapértelmezett változók */
    --bgc: #23272a;
    --bgc2: #23272a;
    --bgcFL: #23272a;
    --bgc3: #1a1b1f;
    --bgcf: #1a1b1f;
    --hdcf: #23272a;
    --hdc: #1a1b1f;
    --borderc: #33353d;
    --borderc2: #33353d;
    --borderc3: #33353d;
    --negyedikc: #3cb882;
    --otodikc: #943cb8;
    --hatodikc: #319ad7;
    --hetedic: #f35a5a;
    --nyolcadikc: #6c9a8b;
    --betukc: #c7c7c7;
    --betukc2: #c7c7c7;
    --ablakc: #33353d;
}

body.dark {
    /* Sötét téma alapértelmezett változók */
    --bgc: #23272a;
    --bgc2: #23272a;
    --bgcFL: #23272a;
    --bgc3: #1a1b1f;
    --bgcf: #1a1b1f;
    --hdcf: #23272a;
    --hdc: #1a1b1f;
    --borderc: #33353d;
    --borderc2: #33353d;
    --borderc3: #33353d;
    --negyedikc: #3cb882;
    --otodikc: #943cb8;
    --hatodikc: #319ad7;
    --hetedic: #f35a5a;
    --nyolcadikc: #6c9a8b;
    --betukc: #f5f5f5;
    --betukc2: #f5f5f5;
    --ablakc: #33353d;
}

body.light {
    /* Világos téma színváltozók */
    --bgc: #a3a3a3; /* Lágy szürkés-fehér háttérszín */
    --bgc2: #0c3d5f;
    --bgcFL: #072b43;
    --bgc3: #0c3d5f;
    --bgcf: #0c3d5f;
    --hdcf: #0c3d5f;
    --hdc: #072b43; /* Enyhén zöldes-kék fejléc szín */
    --borderc: #505257; /* Szegély szín – finom, kellemes */
    --borderc2: #33353d;
    --borderc3: #33353d;
    --negyedikc: #3cb882; /* Nincs módosítva – ugyanaz, mint sötét témában */
    --otodikc: #943cb8; /* Nincs módosítva */
    --hatodikc: #319ad7; /* Nincs módosítva */
    --hetedic: #f35a5a; /* Nincs módosítva */
    --nyolcadikc: #6c9a8b;
    --betukc: #f5f5f5;
    --betukc2: #072b43; /* oldalra írás */
    --ablackc: #505257;
    --borderc2: #505257; /* Szegély szín – finom, kellemes */
}

body.gray {
    --bgc: #808080;
    --hdc: #333333;
    --borderc: #ffa500;
    --negyedikc: #3cb882; /* Nincs módosítva – ugyanaz, mint sötét témában */
    --otodikc: #943cb8; /* Nincs módosítva */
    --hatodikc: #319ad7; /* Nincs módosítva */
    --hetedic: #f35a5a; /* Nincs módosítva */
}