/* Tmavý motiv */
body.dark {
    --background: #1e1e1e;
    --text-color: #ffffff;
    --container-bg: #2c2c2c;
    --header-bg: #3a3a3a;
    --scroll-thumb: #0084ff;
    --scroll-track: #2c2c2c;

    --link-color: #bb86fc;
    /* Fialová */
    --link-hover-color: #ff80ab;
    /* Světle růžová */
}

/* Světlý motiv */
body.light {
    --background: #f9f9f9;
    --text-color: #000000;
    --container-bg: #ffffff;
    --header-bg: #e0e0e0;
    --scroll-thumb: #888888;
    --scroll-track: #f0f0f0;

    --link-color: #007bff;
    /* Modrá */
    --link-hover-color: #0056b3;
    /* Tmavší modrá */
}

/* Oceánský motiv */
body.ocean {
    --background: #002b5c;
    --text-color: #d1ecf1;
    --container-bg: #005792;
    --header-bg: #003f6b;
    --scroll-thumb: #00aaff;
    --scroll-track: #004e73;

    --link-color: #1db7ff;
    /* Světle modrá */
    --link-hover-color: #66d9ff;
    /* Světlejší modrá */
}

/* Lesní motiv */
body.forest {
    --background: #2b5d34;
    --text-color: #eaf4e0;
    --container-bg: #3c7f49;
    --header-bg: #2f6b3a;
    --scroll-thumb: #4caf50;
    --scroll-track: #397846;

    --link-color: #62c370;
    /* Zelená */
    --link-hover-color: #9bd497;
    /* Světle zelená */
}

/* Solární motiv */
body.solar {
    --background: #fff7e0;
    --text-color: #6c4a00;
    --container-bg: #ffe8a0;
    --header-bg: #ffcd55;
    --scroll-thumb: #ffb400;
    --scroll-track: #ffe8a0;

    --link-color: #a7813c;
    --link-hover-color: #b8934e;
}