:root,
html[data-theme="noche"] {
    --bg: #070707;
    --bg-2: #101010;
    --bg-3: #171717;
    --line: rgba(196, 165, 116, 0.22);
    --gold: #c4a574;
    --gold-2: #e4d0aa;
    --gold-soft: rgba(196, 165, 116, 0.12);
    --cream: #f3eee6;
    --muted: #a8a199;
    --btn-ink: #1a140c;
    --header-bg: rgba(7, 7, 7, 0.92);
    --nav-drop: #121212;
    --nav-mobile: #0d0d0d;
    --footer-bg: #050505;
    --input-bg: #0c0c0c;
    --input-line: rgba(255, 255, 255, 0.08);
    --orla-mat: #efe6d6;
    --media-bg: #161310;
    --hero-fade: rgba(7, 7, 7, 0.72);
    --cookie-bg: #151515;
    --font-body: Outfit, system-ui, sans-serif;
    --font-serif: "Cormorant Garamond", Georgia, serif;
    --radius: 18px;
    --btn-radius: 999px;
    --logo-mark: brightness(1.05);
    --theme-mode: dark;
}

html[data-theme="marfil"] {
    --bg: #f6f1e8;
    --bg-2: #efe6d6;
    --bg-3: #e7dcc8;
    --line: rgba(90, 70, 40, 0.18);
    --gold: #85603a;
    --gold-2: #6d4c29;
    --gold-soft: rgba(154, 112, 67, 0.12);
    --cream: #2b241c;
    --muted: #6b5e50;
    --btn-ink: #fff8ee;
    --header-bg: rgba(246, 241, 232, 0.94);
    --nav-drop: #fffaf3;
    --nav-mobile: #f3eadc;
    --footer-bg: #ece3d4;
    --input-bg: #fffdf8;
    --input-line: rgba(43, 36, 28, 0.12);
    --orla-mat: #f4eadc;
    --media-bg: #e9dfcf;
    --hero-fade: rgba(246, 241, 232, 0.55);
    --cookie-bg: #fffaf3;
    --font-body: "Source Sans 3", system-ui, sans-serif;
    --font-serif: "Playfair Display", Georgia, serif;
    --radius: 14px;
    --btn-radius: 999px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="estudio"] {
    --bg: #ffffff;
    --bg-2: #f4f4f4;
    --bg-3: #ececec;
    --line: rgba(0, 0, 0, 0.1);
    --gold: #111111;
    --gold-2: #333333;
    --gold-soft: rgba(0, 0, 0, 0.06);
    --cream: #161616;
    --muted: #666666;
    --btn-ink: #ffffff;
    --header-bg: rgba(255, 255, 255, 0.94);
    --nav-drop: #ffffff;
    --nav-mobile: #f7f7f7;
    --footer-bg: #f2f2f2;
    --input-bg: #ffffff;
    --input-line: rgba(0, 0, 0, 0.12);
    --orla-mat: #f6f6f6;
    --media-bg: #efefef;
    --hero-fade: rgba(255, 255, 255, 0.45);
    --cookie-bg: #ffffff;
    --font-body: Inter, system-ui, sans-serif;
    --font-serif: Inter, system-ui, sans-serif;
    --radius: 8px;
    --btn-radius: 8px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="champagne"] {
    --bg: #f7eee8;
    --bg-2: #f0e0d7;
    --bg-3: #e7d0c4;
    --line: rgba(140, 80, 70, 0.18);
    --gold: #8c5443;
    --gold-2: #713f30;
    --gold-soft: rgba(176, 118, 98, 0.14);
    --cream: #3a271f;
    --muted: #7a5c52;
    --btn-ink: #fff7f2;
    --header-bg: rgba(247, 238, 232, 0.94);
    --nav-drop: #fff8f4;
    --nav-mobile: #f3e4dc;
    --footer-bg: #ead8ce;
    --input-bg: #fffaf7;
    --input-line: rgba(58, 39, 31, 0.12);
    --orla-mat: #f5e6de;
    --media-bg: #ebddd5;
    --hero-fade: rgba(247, 238, 232, 0.5);
    --cookie-bg: #fff8f4;
    --font-body: Nunito, system-ui, sans-serif;
    --font-serif: "Libre Baskerville", Georgia, serif;
    --radius: 22px;
    --btn-radius: 999px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="editorial"] {
    --bg: #f8f4ee;
    --bg-2: #efe6d8;
    --bg-3: #e4d5c2;
    --line: rgba(122, 46, 58, 0.18);
    --gold: #7a2e3a;
    --gold-2: #5c1f29;
    --gold-soft: rgba(122, 46, 58, 0.1);
    --cream: #241418;
    --muted: #6d4e54;
    --btn-ink: #fdf7f2;
    --header-bg: rgba(248, 244, 238, 0.94);
    --nav-drop: #fffaf5;
    --nav-mobile: #f1e8dc;
    --footer-bg: #eadfcf;
    --input-bg: #fffdf9;
    --input-line: rgba(36, 20, 24, 0.12);
    --orla-mat: #f3e9dc;
    --media-bg: #e8dccb;
    --hero-fade: rgba(248, 244, 238, 0.5);
    --cookie-bg: #fffaf5;
    --font-body: Karla, system-ui, sans-serif;
    --font-serif: Fraunces, Georgia, serif;
    --radius: 4px;
    --btn-radius: 4px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="nordico"] {
    --bg: #eef2f4;
    --bg-2: #e2e8ec;
    --bg-3: #d4dde2;
    --line: rgba(40, 70, 85, 0.14);
    --gold: #3d6574;
    --gold-2: #2b4d59;
    --gold-soft: rgba(61, 101, 116, 0.12);
    --cream: #1c2a31;
    --muted: #4a5c65;
    --btn-ink: #f4f8fa;
    --header-bg: rgba(238, 242, 244, 0.94);
    --nav-drop: #ffffff;
    --nav-mobile: #e6ecef;
    --footer-bg: #dfe6ea;
    --input-bg: #ffffff;
    --input-line: rgba(28, 42, 49, 0.12);
    --orla-mat: #e8eef1;
    --media-bg: #dce4e8;
    --hero-fade: rgba(238, 242, 244, 0.5);
    --cookie-bg: #ffffff;
    --font-body: "DM Sans", system-ui, sans-serif;
    --font-serif: "DM Sans", system-ui, sans-serif;
    --radius: 16px;
    --btn-radius: 999px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="cine"] {
    --bg: #0c0d10;
    --bg-2: #15171c;
    --bg-3: #1d2027;
    --line: rgba(180, 180, 190, 0.16);
    --gold: #cfd3dc;
    --gold-2: #f2f4f8;
    --gold-soft: rgba(207, 211, 220, 0.1);
    --cream: #eceef3;
    --muted: #9aa1ad;
    --btn-ink: #111318;
    --header-bg: rgba(12, 13, 16, 0.92);
    --nav-drop: #181a20;
    --nav-mobile: #12141a;
    --footer-bg: #090a0c;
    --input-bg: #101218;
    --input-line: rgba(255, 255, 255, 0.1);
    --orla-mat: #d8dbe2;
    --media-bg: #14161c;
    --hero-fade: rgba(12, 13, 16, 0.75);
    --cookie-bg: #171920;
    --font-body: Barlow, system-ui, sans-serif;
    --font-serif: Oswald, sans-serif;
    --radius: 2px;
    --btn-radius: 2px;
    --logo-mark: brightness(1.08);
    --theme-mode: dark;
}

html[data-theme="mediterraneo"] {
    --bg: #f3efe4;
    --bg-2: #e8e0cf;
    --bg-3: #dccfb6;
    --line: rgba(47, 111, 126, 0.2);
    --gold: #28626f;
    --gold-2: #1c4c58;
    --gold-soft: rgba(47, 111, 126, 0.12);
    --cream: #1d2c30;
    --muted: #4c5c61;
    --btn-ink: #f7f4ea;
    --header-bg: rgba(243, 239, 228, 0.94);
    --nav-drop: #fbf8f0;
    --nav-mobile: #ece6d6;
    --footer-bg: #e4dcc9;
    --input-bg: #fffcf6;
    --input-line: rgba(29, 44, 48, 0.12);
    --orla-mat: #efe8d8;
    --media-bg: #e4d9c4;
    --hero-fade: rgba(243, 239, 228, 0.5);
    --cookie-bg: #fbf8f0;
    --font-body: Mulish, system-ui, sans-serif;
    --font-serif: Philosopher, Georgia, serif;
    --radius: 20px;
    --btn-radius: 999px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="bosque"] {
    --bg: #0f1612;
    --bg-2: #17201a;
    --bg-3: #1f2b23;
    --line: rgba(139, 168, 140, 0.2);
    --gold: #a3c2a0;
    --gold-2: #cbe0c8;
    --gold-soft: rgba(163, 194, 160, 0.12);
    --cream: #e8f0e6;
    --muted: #9aaf9c;
    --btn-ink: #132017;
    --header-bg: rgba(15, 22, 18, 0.92);
    --nav-drop: #1a251e;
    --nav-mobile: #141c17;
    --footer-bg: #0b110d;
    --input-bg: #121a15;
    --input-line: rgba(232, 240, 230, 0.1);
    --orla-mat: #d7e4d4;
    --media-bg: #18231c;
    --hero-fade: rgba(15, 22, 18, 0.72);
    --cookie-bg: #182118;
    --font-body: "Nunito Sans", system-ui, sans-serif;
    --font-serif: Spectral, Georgia, serif;
    --radius: 16px;
    --btn-radius: 999px;
    --logo-mark: brightness(1.06);
    --theme-mode: dark;
}

html[data-theme="revista"] {
    --bg: #fafafa;
    --bg-2: #f0f0f0;
    --bg-3: #e4e4e4;
    --line: rgba(0, 0, 0, 0.14);
    --gold: #000000;
    --gold-2: #222222;
    --gold-soft: rgba(0, 0, 0, 0.06);
    --cream: #111111;
    --muted: #555555;
    --btn-ink: #ffffff;
    --header-bg: rgba(250, 250, 250, 0.94);
    --nav-drop: #ffffff;
    --nav-mobile: #f3f3f3;
    --footer-bg: #111111;
    --input-bg: #ffffff;
    --input-line: rgba(0, 0, 0, 0.16);
    --orla-mat: #f2f2f2;
    --media-bg: #eaeaea;
    --hero-fade: rgba(250, 250, 250, 0.4);
    --cookie-bg: #ffffff;
    --font-body: "IBM Plex Sans", system-ui, sans-serif;
    --font-serif: "Instrument Serif", Georgia, serif;
    --radius: 0px;
    --btn-radius: 0px;
    --logo-mark: brightness(0);
    --theme-mode: light;
}

html[data-theme="revista"] .site-footer,
html[data-theme="revista"] .site-footer h3 {
    color: #f3f3f3;
}
html[data-theme="revista"] .footer-logo.logo-on-light { display: none; }
html[data-theme="revista"] .footer-logo.logo-on-dark { display: block; height: 42px; width: auto; }

.logo-on-light { display: none; }
html[data-theme="marfil"] .logo-on-dark,
html[data-theme="estudio"] .logo-on-dark,
html[data-theme="champagne"] .logo-on-dark,
html[data-theme="editorial"] .logo-on-dark,
html[data-theme="nordico"] .logo-on-dark,
html[data-theme="mediterraneo"] .logo-on-dark,
html[data-theme="revista"] .brand .logo-on-dark { display: none; }
html[data-theme="marfil"] .logo-on-light,
html[data-theme="estudio"] .logo-on-light,
html[data-theme="champagne"] .logo-on-light,
html[data-theme="editorial"] .logo-on-light,
html[data-theme="nordico"] .logo-on-light,
html[data-theme="mediterraneo"] .logo-on-light,
html[data-theme="revista"] .brand .logo-on-light { display: block; }

.theme-list {
    min-width: 220px !important;
    max-height: min(70vh, 520px);
    overflow: auto;
}
.theme-list button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: 0;
    text-align: left;
    padding: 9px 12px;
    border-radius: 8px;
    color: var(--muted);
    cursor: pointer;
    transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.theme-list button i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid var(--line);
    flex: 0 0 12px;
    transition: transform 0.25s ease;
}
.theme-list button:hover { transform: translateX(4px); }
.theme-list button:hover i,
.theme-list button.is-active i { transform: scale(1.25); }
.theme-list button:hover,
.theme-list button.is-active {
    background: var(--gold-soft);
    color: var(--cream);
}