[data-theme="light"] {
    --bg: #fdfdfd;
    --bg-fs1: #f7f7f7;
    --bg-fs2: #efefef;
    --bd: #d1d1d1;
    --txt: #0a0b0e;
    --ap: #00000010;
    color-scheme: light;
}

/* Tema dark */
[data-theme="dark"] {
    --bg: #121213;
    --bg-fs1: #1d1e24;
    --bg-fs2: #17171a;
    --bd: #26262a;
    --txt: #f8fafc;
    --ap: #ffffff10;
    color-scheme: dark;
}

/* Tema night-blue*/
[data-theme="night-blue"] {
    --bg: #0a0e17;
    --bg-fs1: #111827;
    --bg-fs2: #0d1421;
    --bd: #1e293b;
    --txt: #f1f5f9;
    --ap: #ffffff15;
    color-scheme: dark;
}

/* Tema Forest Green */
[data-theme="forest"] {
    --bg: #0d1f0f;
    --bg-fs1: #152715;
    --bg-fs2: #101f10;
    --bd: #243c24;
    --txt: #f0f9f0;
    --ap: #ffffff10;
    color-scheme: dark;
}

/* Tema Royal Purple */
[data-theme="royal"] {
    --bg: #160d21;
    --bg-fs1: #1f152c;
    --bg-fs2: #1a1125;
    --bd: #2d1e40;
    --txt: #f8f5ff;
    --ap: #ffffff10;
    color-scheme: dark;
}

/* Tema Sunset Orange */
[data-theme="sunset"] {
    --bg: #1a0d0a;
    --bg-fs1: #251512;
    --bg-fs2: #20100d;
    --bd: #3c221c;
    --txt: #fdf2f0;
    --ap: #ffffff10;
    color-scheme: dark;
}

/* Tema Cyber Pink */
[data-theme="cyber"] {
    --bg: #0f0a14;
    --bg-fs1: #191122;
    --bg-fs2: #140d1b;
    --bd: #2a1a36;
    --txt: #fdf2ff;
    --ap: #ffffff10;
    color-scheme: dark;
}

/* Tema Deep Ocean */
[data-theme="ocean"] {
    --bg: #0a121a;
    --bg-fs1: #0f1a24;
    --bg-fs2: #0c151e;
    --bd: #1a2838;
    --txt: #f0f9ff;
    --ap: #ffffff10;
    color-scheme: dark;
}