/* ============================================================
   DEC · calc-theme.css — capa visual compartida de las calculadoras
   Se carga DESPUÉS del <style> propio de cada calculadora:
   solo re-tematiza (variables + detalles); la lógica no se toca.
   ============================================================ */

@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/fraunces-var.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

/* Paleta DEC (modo oscuro por defecto) */
:root {
  --bg: #0e1517;
  --card: #141e20;
  --ink: #d8d3c3;
  --muted: #8ba09a;
  --accent: #93b5af;
  --ok: #7cc39a;
  --bad: #e08573;
  --warn: #cfa14f;
  --border: #223230;
  --purple: #a996c9;
  --teal: #7fb3ab;
  --orange: #c79263;
}
[data-theme="light"] {
  --bg: #f2f0e6;
  --card: #fbfaf3;
  --ink: #232f2d;
  --muted: #5d6f6a;
  --accent: #3f625c;
  --ok: #256b48;
  --bad: #a83a2c;
  --warn: #8a6414;
  --border: #d9d4c2;
  --purple: #6b4fa0;
  --teal: #2b756c;
  --orange: #a05a28;
}

* { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

header h1, h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 560;
  letter-spacing: .01em;
}

/* Los originales llevan algunos colores azules cableados en duro: se re-tematizan aquí */
.card { border-color: var(--border) !important; background: var(--card); }
input, select { border-color: var(--border) !important; background: var(--bg); color: var(--ink); }
input:focus, select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(147, 181, 175, .16) !important;
}
.pill { background: var(--bg) !important; border-color: var(--border) !important; }
.kpi .box { border-color: var(--border) !important; }
.theme-toggle { background: var(--accent); color: #0e1517; }
[data-theme="light"] .theme-toggle { color: #f2f0e6; }
.tab-btn { background: var(--bg); }
.tab-btn.active { background: rgba(147, 181, 175, .14) !important; border-color: var(--accent) !important; color: var(--accent) !important; }
.tab-btn:hover { border-color: var(--accent); color: var(--accent); }
.sb-e { background: rgba(147, 181, 175, .14) !important; color: var(--accent) !important; }

/* Barra superior común: vuelta al hub */
.dec-hubbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 16px;
  background: var(--card);
  border-bottom: 1px solid var(--border);
  font-size: 13px;
}
.dec-hubbar a { color: var(--accent); text-decoration: none; font-weight: 600; }
.dec-hubbar a:hover { color: var(--ink); }
.dec-hubbar span {
  color: var(--muted); letter-spacing: .1em; font-size: 10.5px; text-transform: uppercase;
}

/* Disclaimer clínico común */
.dec-disclaimer {
  max-width: 1100px; margin: 26px auto 34px; padding: 0 16px;
  font-size: 12.5px; color: var(--muted); text-align: center; font-style: italic;
  line-height: 1.6;
}