/* Variables de respaldo de la base histórica; no corresponden a un tema seleccionable. */
:root {
  --topbar-bg:#0e1512;
  --field-bg:#101713;
  --field-border:#314035;
  --field-placeholder:#68796b;
  --focus-ring:#b5d38e22;
  --primary-bg:#b5d38e;
  --primary-text:#152017;
  --primary-hover:#c7e3a6;
  --brand-text:#162115;
  --nav-text:#a5b0a7;
  --nav-hover:#202c23;
  --sidebar-foot:#bdc9bc;
  --breadcrumb-divider:#405248;
  --breadcrumb-text:#cbd9c6;
  --secondary-bg:#202b22;
  --secondary-border:#3d4e3e;
  --secondary-text:#caddc2;
  --metric-line:#344b35;
  --metric-symbol:#637565;
  --chart-grid:#2c3b30;
  --chart-label:#758578;
  --chart-zero:#60745e;
  --chart-track:#334035;
  --chart-end:#c8e7a8;
  --neutral-dot:#758477;
  --table-head:#18211c;
  --table-line:#28332c;
  --number-border:#43533f;
  --pill-bg:#273329;
  --pill-text:#bed5b9;
  --pill-no-bg:#372825;
  --pill-no-text:#e3a9a1;
  --pill-partial-bg:#3a3425;
  --pill-partial-text:#e1ce91;
  --pill-yes-bg:#2a3927;
  --pill-yes-text:#b6d9a5;
  --bar-track:#2a332c;
  --callout-border:#3c5237;
  --callout-bg:#1c2a1c;
  --callout-text:#d4e4c9;
  --calendar-button:#1b251e;
  --day-bg:#141d18;
  --day-border:#3b513b;
  --overlay-bg:#020805b9;
  --drawer-bg:#111a15;
  --drawer-border:#3d503d;
  --close-bg:#1c281f;
  --detail-bg:#1b261e;
  --field-text:#d2dad1;
  --attachment-bg:#1b251d;
  --toast-bg:#27392a;
  --toast-text:#e6f2e0;
  --toast-border:#62855c;
  --review-bg:#18211c;
  --process-bg:#1b261e;
  --process-hover:#243025;
}

/* Azul noche: colores tomados de la captura aportada por el usuario. */
:root[data-theme="azul-noche"] {
  --bg:#0e1725;
  --sidebar:#101b2c;
  --card:#111a27;
  --card2:#162233;
  --line:#263448;
  --text:#e8eef7;
  --muted:#9aabc0;
  --dim:#7f91a8;
  --accent:#42d6a0;
  --accent-dark:#102a29;
  --red:#ff7185;
  --green:#42d6a0;
  --yellow:#e6d1a5;
  --topbar-bg:#101b2c;
  --field-bg:#162233;
  --field-border:#263448;
  --field-placeholder:#7f91a8;
  --focus-ring:#42d6a033;
  --primary-bg:#1b2a3d;
  --primary-text:#e8eef7;
  --primary-hover:#263b53;
  --brand-text:#0e1725;
  --nav-text:#aab8cb;
  --nav-hover:#1b2a3d;
  --sidebar-foot:#b8c5d6;
  --breadcrumb-divider:#52667c;
  --breadcrumb-text:#d7e2ef;
  --secondary-bg:#1b2a3d;
  --secondary-border:#2e425b;
  --secondary-text:#e8eef7;
  --metric-line:#2f4359;
  --metric-symbol:#8194ab;
  --chart-grid:#263448;
  --chart-label:#8a9bb0;
  --chart-zero:#52667c;
  --chart-track:#263448;
  --chart-end:#42d6a0;
  --neutral-dot:#7f91a8;
  --table-head:#162233;
  --table-line:#263448;
  --number-border:#2e425b;
  --pill-bg:#1b2a3d;
  --pill-text:#bed1e4;
  --pill-no-bg:#3c2634;
  --pill-no-text:#ff98a7;
  --pill-partial-bg:#393326;
  --pill-partial-text:#e6d1a5;
  --pill-yes-bg:#173d3a;
  --pill-yes-text:#7be6be;
  --bar-track:#1b2a3d;
  --callout-border:#665b45;
  --callout-bg:#23272c;
  --callout-text:#e9d2a4;
  --calendar-button:#1b2a3d;
  --day-bg:#111a27;
  --day-border:#2a6a64;
  --overlay-bg:#030a16cc;
  --drawer-bg:#111a27;
  --drawer-border:#263448;
  --close-bg:#1b2a3d;
  --detail-bg:#162233;
  --field-text:#d9e3ef;
  --attachment-bg:#162233;
  --toast-bg:#153b38;
  --toast-text:#ddf8ed;
  --toast-border:#42d6a0;
  --review-bg:#162233;
  --process-bg:#162233;
  --process-hover:#1b2a3d;
}

/* Mapa común: cualquier tema nuevo solo necesita definir sus variables. */
.brandmark{color:var(--brand-text)}
.sidebar nav button{color:var(--nav-text)}
.sidebar nav button:hover,.sidebar nav button.active{background:var(--nav-hover);color:var(--accent)}
.sidebar-bottom{color:var(--sidebar-foot)}
.topbar{background:var(--topbar-bg)}
.breadcrumbs span{color:var(--breadcrumb-divider)}
.breadcrumbs strong{color:var(--breadcrumb-text)}
input,select,textarea{background:var(--field-bg);border-color:var(--field-border)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--focus-ring)}
input::placeholder,textarea::placeholder{color:var(--field-placeholder)}
.primary{background:var(--primary-bg);color:var(--primary-text)}
.primary:hover{background:var(--primary-hover)}
.secondary{background:var(--secondary-bg);border-color:var(--secondary-border);color:var(--secondary-text)}
.metric:before{background:var(--metric-line)}
.metric .symbol{color:var(--metric-symbol)}
.chart line{stroke:var(--chart-grid)}
.chart text{fill:var(--chart-label)}
.chart .zero{stroke:var(--chart-zero)}
.table th{background:var(--table-head)}
.table td{border-color:var(--table-line)}
.table tbody tr:hover{background:var(--nav-hover)}
.numberpill{border-color:var(--number-border)}
.pill{background:var(--pill-bg);color:var(--pill-text)}
.pill.no{background:var(--pill-no-bg);color:var(--pill-no-text)}
.pill.parcial{background:var(--pill-partial-bg);color:var(--pill-partial-text)}
.pill.si{background:var(--pill-yes-bg);color:var(--pill-yes-text)}
.barrow .track{background:var(--bar-track)}
.callout{background:var(--callout-bg);border-color:var(--callout-border);color:var(--callout-text)}
.calendar-controls button{background:var(--calendar-button)}
.day{background:var(--day-bg)}
.day.hastrade{border-color:var(--day-border)}
.day:hover{background:var(--nav-hover)}
.overlay{background:var(--overlay-bg)}
.drawer{background:var(--drawer-bg);border-color:var(--drawer-border)}
.close{background:var(--close-bg)}
.detailbox{background:var(--detail-bg)}
.field-section p{color:var(--field-text)}
.attachment{background:var(--attachment-bg)}
.form-actions{background:var(--drawer-bg)}
.toast{background:var(--toast-bg);border-color:var(--toast-border);color:var(--toast-text)}
.reviewitem{background:var(--review-bg)}
.reviewitem:hover{background:var(--nav-hover)}
.process-cell{background:var(--process-bg)}
.process-cell:hover{background:var(--process-hover)}

.theme-picker{display:flex;align-items:center;gap:var(--space-8);color:var(--accent);font-size:var(--type-section)}
.theme-picker select{width:auto;min-width:142px;padding:var(--space-8) var(--space-32) var(--space-8) var(--space-8);font-size:var(--type-caption);color:var(--text);cursor:pointer}
@media(max-width:840px){.sourcebadge{display:none}}
@media(max-width:600px){.breadcrumbs,.theme-picker span{display:none}.topactions{width:100%;justify-content:space-between;gap:var(--space-8)}.theme-picker select{min-width:105px;max-width:112px;font-size:var(--type-caption);padding:var(--space-8) var(--space-2)}.topbar .primary.small{padding:var(--space-8) var(--space-8);font-size:var(--type-caption)}}
@media print{html,body,.drawer,.overlay{background:#fff!important;color:#111!important}.detailbox{background:#fff!important}.field-section p,.drawer h2,.detailbox strong{color:#111!important}}