/* ==========================================================================
   Kit Compass — lo visual que comparten todas las herramientas.
   Sistema: crema / verde tinta / lima, display Georgia, cuerpo Geist.
   Se carga ANTES de la hoja propia de cada herramienta, que solo agrega sus
   colores particulares (gráficos, tarjetas…).
   FUENTE: kit/ en la raíz. Las copias se generan con scripts/sync_kit.mjs.
   ========================================================================== */

:root{
  --ink:#11271e;              /* tinta fija: texto sobre lima */
  --lime:#d8f45c;
  --font-sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-display:Georgia,'Times New Roman',serif;
  color-scheme:light;
  --cream:#f2efe5;            /* fondo de página */
  --paper:#fbfaf6;            /* tarjetas y cajas */
  --surface-2:#ebece6;        /* cajas dentro de cajas */
  --field:#fff;
  --text:#11271e;             /* texto principal */
  --text-2:#46534c;           /* texto de apoyo */
  --muted:#56645c;            /* rótulos y texto secundario */
  --faint:#5a6760;            /* notas pequeñas (cumple 4,5:1) */
  --line:rgba(17,39,30,.15);
  --olive:#6e861b;            /* acento para superficies y bordes */
  --olive-text:#526b08;       /* acento para texto */
  --accent-em:#6f8c12;        /* título grande en cursiva */
  --focus:#526b08;
  --deep:#11271e;             /* bloques oscuros */
  --btn-bg:#11271e;--btn-text:#fff;
  --neg:#9c3a1e;
  --warn-bg:#f6edda;--warn-text:#4d4433;
  --c-ap:#8a948e;             /* línea de "total aportado" en los gráficos */
}
/* Modo oscuro: sigue al sistema salvo que la persona elija otro con el botón.
   Los dos bloques siguientes son iguales a propósito: uno para el sistema y
   otro para la elección explícita. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --cream:#0d1813;
  --paper:#15231c;
  --surface-2:#1e2f27;
  --field:#0f1c16;
  --text:#ece8dc;
  --text-2:#cdd3ca;
  --muted:#aab5ad;
  --faint:#9aa69e;
  --line:rgba(236,232,220,.14);
  --olive:#9dbb2a;
  --olive-text:#c3df4a;
  --accent-em:#c3df4a;
  --focus:#d8f45c;
  --deep:#060e0a;
  --btn-bg:#d8f45c;--btn-text:#11271e;
  --neg:#f29a7a;
  --warn-bg:#2b2517;--warn-text:#e6d8b8;
  --c-ap:#7f8c84;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --cream:#0d1813;
  --paper:#15231c;
  --surface-2:#1e2f27;
  --field:#0f1c16;
  --text:#ece8dc;
  --text-2:#cdd3ca;
  --muted:#aab5ad;
  --faint:#9aa69e;
  --line:rgba(236,232,220,.14);
  --olive:#9dbb2a;
  --olive-text:#c3df4a;
  --accent-em:#c3df4a;
  --focus:#d8f45c;
  --deep:#060e0a;
  --btn-bg:#d8f45c;--btn-text:#11271e;
  --neg:#f29a7a;
  --warn-bg:#2b2517;--warn-text:#e6d8b8;
  --c-ap:#7f8c84;
}

/* ---------- Botón de modo claro / oscuro ---------- */
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;color:var(--text);transition:border-color .16s}
.theme-toggle:hover{border-color:var(--text)}
.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .ico-sun,.theme-toggle[data-actual="dark"] .ico-moon{display:none}
.theme-toggle[data-actual="dark"] .ico-sun{display:block}

/* ---------- Cambio de idioma: ES / EN junto al botón de tema ---------- */
.kit-idioma{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--text);font:700 12px var(--font-sans);letter-spacing:.06em;text-decoration:none;transition:border-color .16s}
.kit-idioma:hover{border-color:var(--text)}

/* ---------- Aviso "también disponible en…" ---------- */
.kit-aviso-idioma{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:9px 48px 9px 16px;position:relative;background:var(--surface-2);color:var(--text-2);font:13px/1.4 var(--font-sans)}
.kit-aviso-idioma a{color:var(--olive-text);font-weight:700}
.kit-aviso-idioma button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-2);font-size:20px;line-height:1;cursor:pointer}
.kit-aviso-idioma button:hover{background:var(--line)}

/* ---------- Pie común: otras herramientas de la red ---------- */
.kit-red{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;font:13px/1.5 var(--font-sans);color:var(--faint)}
.kit-red-titulo{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kit-red ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
.kit-red a{color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--line)}
.kit-red a:hover{color:var(--olive-text);border-color:currentColor}
.kit-red .kit-red-apoyar{color:var(--olive-text);font-weight:700}
.kit-red small{font-size:12px}