/* ============================================================================
   themes.css — tema «alto contraste» seleccionable desde la home
   (html[data-theme="high-contrast"]) y el selector de preferencias (.flr-prefs).

   El tema claro se retiró: base.html y client_base.html fuerzan data-theme="dark"
   y la paleta oscura ya es la de flr.css, así que data-theme="dark" no necesita
   nada aquí. Este archivo solo REDEFINE las variables --color-* de flr.css;
   no introduce colores propios ni pinta elementos por su cuenta.
   ============================================================================ */

html[data-theme="high-contrast"] {
    --color-bg: #000000;
    --color-bg-soft: #000000;
    --color-bg-card: #000000;
    --color-bg-elevated: #000000;
    --color-bg-input: #000000;
    --color-card-bg: #000000;
    --color-card-accent-bg: #000000;
    --color-border: #ffffff;
    --color-border-strong: #ffffff;
    --color-text: #ffffff;
    --color-text-soft: #ffffff;
    --color-text-muted: #e6e6e6;
    --color-text-on-accent: #000000;
    --color-accent: #ffff00;
    --color-accent-hover: #ffff99;
    --color-accent-soft: rgba(255, 255, 0, 0.18);
    --color-accent-border: #ffff00;
    --color-focus: #00ffff;
    --color-success: #00ff00;
    --color-error: #ff8080;
    --color-warning: #ffff00;
    --color-info: #80d4ff;
    color-scheme: dark;
}

html[data-theme="high-contrast"] * {
    text-shadow: none !important;
    box-shadow: none !important;
}

html[data-theme="high-contrast"] a,
html[data-theme="high-contrast"] button {
    text-decoration: underline;
}

html[data-theme="high-contrast"] button,
html[data-theme="high-contrast"] .btn,
html[data-theme="high-contrast"] .flr-cta {
    border: 2px solid #ffff00 !important;
    background: #000 !important;
    color: #ffff00 !important;
}

/* ── Selector de tema e idioma de la home (core/home.html) ─────────────── */
.flr-prefs {
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 100;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 6px 8px;
    box-shadow: var(--shadow-sm);
}
.flr-prefs__group { display: flex; gap: 4px; align-items: center; }
.flr-prefs__label { font-size: var(--fs-xs); color: var(--color-text-soft); padding: 0 4px; }
.flr-prefs__btn,
.flr-prefs__select {
    min-height: 44px;
    background: var(--color-bg-input);
    border: 1px solid var(--color-border-strong);
    color: var(--color-text);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: var(--fs-xs);
    cursor: pointer;
    font-family: inherit;
}
.flr-prefs__btn:hover { background: var(--color-accent); color: var(--color-text-on-accent); }
.flr-prefs__btn[aria-pressed="true"] {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-weight: 700;
}

@media (max-width: 700px) {
    .flr-prefs {
        position: relative;
        top: auto; right: auto;
        margin: 0 auto var(--space-4);
        justify-content: center;
        width: fit-content;
    }
}