html {
    color-scheme: light;

    --color-bg-page: var(--clr-neutral-100);
    --color-bg-surface: var(--clr-neutral-100);
    --color-bg-surface-soft: var(--clr-neutral-150);
    --color-bg-elevated: var(--clr-neutral-100);
    --color-text-primary: var(--clr-neutral-900);
    --color-text-secondary: var(--clr-neutral-700);
    --color-text-muted: var(--clr-neutral-600);
    --color-border-soft: var(--clr-neutral-300);
    --color-border-strong: var(--clr-neutral-500);
    --color-link: var(--clr-primary-600);
    --color-link-hover: var(--clr-primary-700);
}

html[data-theme="dark"] {
    color-scheme: dark;

    --clr-neutral-100: #101114;
    --clr-neutral-150: #15171c;
    --clr-neutral-200: #1b1e24;
    --clr-neutral-300: #2a2f38;
    --clr-neutral-400: #3b424f;
    --clr-neutral-450: #4b5563;
    --clr-neutral-500: #6b7280;
    --clr-neutral-600: #9ca3af;
    --clr-neutral-700: #d1d5db;
    --clr-neutral-800: #e5e7eb;
    --clr-neutral-900: #f9fafb;

    --color-bg-page: #15171c; /* #101114 */
    --color-bg-surface: #15171c;
    --color-bg-surface-soft: #1b1e24;
    --color-bg-elevated: #20242c;
    --color-text-primary: #f9fafb;
    --color-text-secondary: #d1d5db;
    --color-text-muted: #9ca3af;
    --color-border-soft: #2a2f38;
    --color-border-strong: #4b5563;
    --color-link: #ff8ca3;
    --color-link-hover: #ffb3c2;
}

html[data-theme="sepia"] {
    color-scheme: light;

    --clr-neutral-100: #fff4df;
    --clr-neutral-150: #faedcf;
    --clr-neutral-200: #f4e2b9;
    --clr-neutral-300: #e7cb95;
    --clr-neutral-400: #d5b271;
    --clr-neutral-450: #c59b57;
    --clr-neutral-500: #9f7744;
    --clr-neutral-600: #795733;
    --clr-neutral-700: #5f4127;
    --clr-neutral-800: #3d2818;
    --clr-neutral-900: #24170e;

    --color-bg-page: #fff4df;
    --color-bg-surface: #fff9ed;
    --color-bg-surface-soft: #f4e2b9;
    --color-bg-elevated: #ffffff;
    --color-text-primary: #24170e;
    --color-text-secondary: #5f4127;
    --color-text-muted: #795733;
    --color-border-soft: #e7cb95;
    --color-border-strong: #c59b57;
    --color-link: #ac002b;
    --color-link-hover: #890021;
}

html[data-theme="mono"] {
    color-scheme: light;

    --clr-neutral-100: #f7f7f7;
    --clr-neutral-150: #f1f1ef;
    --clr-neutral-200: #e9e9e6;
    --clr-neutral-300: #d8d8d3;
    --clr-neutral-400: #c4c4bd;
    --clr-neutral-450: #a9aaa3;
    --clr-neutral-500: #85867f;
    --clr-neutral-600: #666761;
    --clr-neutral-700: #464741;
    --clr-neutral-800: #262722;
    --clr-neutral-900: #12130f;

    --color-bg-page: #f3f3f3;
    --color-bg-surface: #ffffff;
    --color-bg-surface-soft: #efefec;
    --color-bg-elevated: #ffffff;
    --color-text-primary: #12130f;
    --color-text-secondary: #464741;
    --color-text-muted: #666761;
    --color-border-soft: #d8d8d3;
    --color-border-strong: #a9aaa3;
    --color-link: #262722;
    --color-link-hover: var(--clr-primary-600);
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="sepia"],
html[data-theme="sepia"] body,
html[data-theme="mono"],
html[data-theme="mono"] body {
    background-color: var(--color-bg-page);
    color: var(--color-text-primary);
}

html[data-theme="dark"] a,
html[data-theme="sepia"] a,
html[data-theme="mono"] a {
    color: inherit;
}

html[data-theme="dark"] span[data-enlace-ofuscado] {
    color: inherit;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="sepia"] input,
html[data-theme="sepia"] textarea,
html[data-theme="sepia"] select,
html[data-theme="mono"] input,
html[data-theme="mono"] textarea,
html[data-theme="mono"] select {
    background-color: white !important; /* Always white in all modes */
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="sepia"] input::placeholder,
html[data-theme="sepia"] textarea::placeholder,
html[data-theme="mono"] input::placeholder,
html[data-theme="mono"] textarea::placeholder {
    color: var(--color-text-muted);
}

html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td,
html[data-theme="sepia"] table,
html[data-theme="sepia"] th,
html[data-theme="sepia"] td,
html[data-theme="mono"] table,
html[data-theme="mono"] th,
html[data-theme="mono"] td {
    border-color: var(--color-border-soft);
}

html[data-theme="dark"] hr,
html[data-theme="sepia"] hr,
html[data-theme="mono"] hr {
    border-color: var(--color-border-soft);
}

html[data-theme="dark"] [data-top-bar-verticales] {
    background-color: var(--clr-neutral-100);
}

html[data-theme="dark"] [data-top-bar-verticales-menu], [data-top-bar-verticales-menu] a {
    color: inherit;
}

html[data-theme="dark"] [data-container-menu-footer] {
    background-color: var(--clr-neutral-100);
    color: var(--clr-neutral-900);
}

html[data-theme="dark"] [data-component-article-category],
html[data-theme="dark"] [data-separator-name],
html[data-theme="dark"] [data-top-bar-categories-menu] a.selected {
    color: var(--clr-primary-300);
}

html[data-theme="dark"] .top_bar [data-top-bar-burger-menu] .link:hover,
html[data-theme="dark"] .top_bar [data-top-bar-burger-menu] .link:focus,
html[data-theme="dark"] .top_bar [data-top-bar-burger-menu] .link.submenu:hover,
html[data-theme="dark"] .top_bar [data-top-bar-burger-menu] .link.submenu:focus {
    color: var(--clr-primary-300);
}

html[data-theme="dark"] [data-barometro-dana],
html[data-theme="dark"] .block-podcasts [data-component-article]{
    background-color: var(--clr-primary-300);
}

html[data-theme="dark"] button.primary,
html[data-theme="dark"] button.primary_600 {
    background-color: var(--clr-primary-300);
}

html[data-theme="dark"] .top_bar [data-div-burger].toggle div {
    background-color: var(--clr-primary-300) !important;
}

html[data-theme="dark"] button.primary:hover,
html[data-theme="dark"] button.primary:focus,
html[data-theme="dark"] button.primary_600:hover,
html[data-theme="dark"] button.primary_600:focus {
    color: var(--clr-primary-100);
}

html[data-theme="dark"] [data-separator] {
    border-bottom: 1px solid var(--clr-primary-300);
}

html[data-theme="dark"] .bwg_close_btn {
    font-size: 3em;
    color: var(--clr-neutral-900);
}

html[data-theme="dark"] [data-block-single-content] p a:not(.btn) {
    color: var(--clr-primary-200);
}

html[data-theme="dark"] form._form {
    background-color: transparent !important;
}

html[data-theme="mono"] a:hover,
html[data-theme="mono"] a:focus-visible,
html[data-theme="mono"] button:hover,
html[data-theme="mono"] button:focus-visible {
    color: var(--color-link-hover);
}

html[data-theme="mono"] .btn:hover,
html[data-theme="mono"] .btn:focus-visible {
    border-color: var(--color-link-hover);
}

html[data-theme="mono"] [data-separator-name],
html[data-theme="mono"] [data-component-article] img,
html[data-theme="mono"] [data-main-image] img,
html[data-theme="mono"] .btn.primary {
    filter: grayscale(1);
}

html[data-theme="light"] .bwg_close_btn,
html[data-theme="sepia"] .bwg_close_btn,
html[data-theme="mono"] .bwg_close_btn {
    font-size: 3em;
    color: var(--clr-neutral-100);
}

html[data-theme="sepia"] [data-separator-name],
html[data-theme="sepia"] [data-component-article] img,
html[data-theme="sepia"] [data-main-image] img,
html[data-theme="sepia"] .btn.primary {
    filter: sepia(0.5);
}

html[data-theme-preference="forced-dark"] {
    color-scheme: dark;
}