/* ============================================================================
   ResidenSoft — TOKENS de diseño (fuente única). Se carga ANTES que monteber-blazor.css para que los
   componentes de Monteber (editores, cuadrícula, calendario...) hereden la paleta de ResidenSoft por
   los tokens --mb-t1-*. Claro por omisión; oscuro con prefers-color-scheme.
   ============================================================================ */
:root {
    --cs-primary: #0F766E;
    --cs-primary-dark: #115E59;
    --cs-primary-soft: #CCFBF1;
    --cs-primary-ring: #5EEAD4;
    --cs-accent: #F59E0B;
    --cs-ink: #0B1220;
    --cs-text: #1E293B;
    --cs-muted: #64748B;
    --cs-faint: #94A3B8;
    --cs-bg: #F1F5F4;
    --cs-surface: #FFFFFF;
    --cs-surface-2: #F8FAFA;
    --cs-line: #E2E8E7;
    --cs-ok: #15803D;      --cs-ok-bg: #DCFCE7;
    --cs-warn: #B45309;    --cs-warn-bg: #FEF3C7;
    --cs-err: #B91C1C;     --cs-err-bg: #FEE2E2;
    --cs-info: #0369A1;    --cs-info-bg: #E0F2FE;
    --cs-radius: 18px;
    --cs-radius-sm: 12px;
    --cs-shadow: 0 1px 2px rgba(11,18,32,.04), 0 6px 18px rgba(11,18,32,.06);
    --cs-shadow-lg: 0 18px 50px rgba(11,18,32,.18);
    --cs-font: system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --cs-safe-top: env(safe-area-inset-top, 0px);
    --cs-safe-bottom: env(safe-area-inset-bottom, 0px);

    /* → Monteber */
    --mb-t1-primary: var(--cs-primary);
    --mb-t1-primary-dark: var(--cs-primary-dark);
    --mb-t1-primary-light: var(--cs-primary-soft);
    --mb-t1-primary-ring: var(--cs-primary-ring);
    --mb-t1-page-bg: var(--cs-bg);
    --mb-t1-panel-bg: var(--cs-surface-2);
    --mb-t1-panel-head-bg: #E6F0EE;
    --mb-t1-bg: var(--cs-surface-2);
    --mb-t1-surface: var(--cs-surface);
    --mb-t1-field-bg: var(--cs-surface);
    --mb-t1-border: #CBD7D5;
    --mb-t1-border-faint: var(--cs-line);
    --mb-t1-text: var(--cs-text);
    --mb-t1-text-muted: var(--cs-muted);
    --mb-t1-text-faint: var(--cs-faint);
    --mb-t1-success: var(--cs-ok);  --mb-t1-success-bg: var(--cs-ok-bg);
    --mb-t1-warning: var(--cs-warn); --mb-t1-warning-bg: var(--cs-warn-bg);
    --mb-t1-danger: var(--cs-err);  --mb-t1-danger-bg: var(--cs-err-bg);
    --mb-t1-info: var(--cs-info);   --mb-t1-info-bg: var(--cs-info-bg);
    --mb-t1-radius: 12px;
    --mb-t1-font-ui: var(--cs-font);
    --mb-t1-topbar-bg: var(--cs-surface);
    --mb-t1-topbar-border: var(--cs-line);
    --mb-t1-sb-bg: var(--cs-surface);
    --mb-t1-sb-text-active: var(--cs-primary);
    --mb-t1-sb-active: rgba(15,118,110,.12);
    --mb-t1-sb-active-bar: var(--cs-primary);
    --mb-t1-sb-hover: rgba(15,118,110,.06);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-tema="claro"]) {
        --cs-primary: #2DD4BF; --cs-primary-dark: #5EEAD4; --cs-primary-soft: #134E4A; --cs-primary-ring: #14B8A6;
        --cs-ink: #F1F5F9; --cs-text: #E2E8F0; --cs-muted: #94A3B8; --cs-faint: #64748B;
        --cs-bg: #0B1413; --cs-surface: #111C1B; --cs-surface-2: #0F1918; --cs-line: #1E2D2B;
        --cs-ok: #4ADE80; --cs-ok-bg: #052E16; --cs-warn: #FBBF24; --cs-warn-bg: #3B2A05;
        --cs-err: #F87171; --cs-err-bg: #3B0A0A; --cs-info: #38BDF8; --cs-info-bg: #082F49;
        --cs-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
        --mb-t1-panel-head-bg: #14231F; --mb-t1-border: #2A3F3C;
    }
}
:root[data-tema="oscuro"] {
    --cs-primary: #2DD4BF; --cs-primary-dark: #5EEAD4; --cs-primary-soft: #134E4A; --cs-primary-ring: #14B8A6;
    --cs-ink: #F1F5F9; --cs-text: #E2E8F0; --cs-muted: #94A3B8; --cs-faint: #64748B;
    --cs-bg: #0B1413; --cs-surface: #111C1B; --cs-surface-2: #0F1918; --cs-line: #1E2D2B;
    --cs-ok: #4ADE80; --cs-ok-bg: #052E16; --cs-warn: #FBBF24; --cs-warn-bg: #3B2A05;
    --cs-err: #F87171; --cs-err-bg: #3B0A0A; --cs-info: #38BDF8; --cs-info-bg: #082F49;
    --mb-t1-panel-head-bg: #14231F; --mb-t1-border: #2A3F3C;
}