/* LuxIA — tokens de marca. Una sola definición para todas las páginas.
 *
 * POR QUÉ EXISTE. Cada página traía su propia paleta y su propia tipografía, y habían
 * derivado: el acento era #0284c7 en el sitio y #0EA5E9 en la aplicación (que es el azul
 * del modo OSCURO usado en claro); el verde era #0d9488 en la portada y #0E8A66 en los
 * términos; la letra del cuerpo tenía cinco respuestas distintas (Geist, Inter Tight,
 * Inter, system-ui y la pila del sistema) y la portada cargaba CINCO familias de Google
 * para luego no usar ninguna en el cuerpo. Y el tema elegido sólo lo respetaban 2 de las
 * 8 superficies: quien ponía la portada en oscuro y pulsaba «Blog» volvía a claro.
 *
 * CÓMO SE USA. Se enlaza ANTES del <style> de la página y se acompaña de /tema.js, que
 * aplica el tema guardado antes de pintar. Los valores salen de la «Paleta LuxIA §8»
 * de index.html, que es la puerta de entrada de la marca y manda.
 */

:root {
  /* Base neutralizada (sin tinte azul, sin beige) para que el teal de marca destaque */
  --bg: #edeef0;
  --paper: #ffffff;
  --ink: #15181d;
  --ink-2: #4a4f57;
  --muted: #9aa0a8;
  --line: #e3e4e7;
  --line-2: #eef0f1;

  --accent: #0284c7;
  --accent-ink: #0369a1;
  --accent-2: #0891b2;
  --accent-3: #0d9488;
  --accent-soft: #e0f2fe;
  --deep: #075985;

  --good: #0d9488;
  --warn: #B5651A;
  --danger: #B23A3A;
  --danger-soft: #fdecec;
  --warm: #B5651A;
  --warm-soft: #eef3f9;

  /* Estados de interacción: antes cada página los tenía escritos a pelo (#e6e8ea, #d5dbe3,
     #f7f9fb, #b45309), que es justo lo que impedía tener tema oscuro. */
  --hover-bg: #e6e8ea;
  --hover-line: #d5dbe3;
  --row-hover: #f7f9fb;
  /* Barra superior translúcida: iba como rgba(255,255,255,.88) a pelo, o sea blanca
     bajo texto claro en cuanto había tema oscuro. */
  --paper-blur: rgba(255, 255, 255, .88);
  --warn-ink: #b45309;

  --grad: linear-gradient(135deg, #0284c7 0%, #0891b2 50%, #0d9488 100%);
  --pad: clamp(24px, 4vw, 56px);

  /* Tipografía: una respuesta, no cinco. Geist para el cuerpo (ya la usaban el informe,
     el directorio y el blog), Instrument Serif para los titulares editoriales y JetBrains
     Mono para cifras y códigos. La pila del sistema queda de respaldo. */
  --fuente: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --fuente-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --fuente-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radios: escala corta. Antes convivían 2, 3, 4, 6, 7, 8, 9, 10, 11, 12, 13, 14, 16,
     18, 20 y 999 px según la página. */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  color-scheme: light;
}

/* Un solo tema oscuro para todo el sitio. Antes cada página oscura tenía el suyo:
   reunion.html inventaba --acc/--acc-ink y 404.html llevaba los hexadecimales a pelo. */
[data-theme="dark"] {
  --bg: #0A0D12;
  --paper: #11161D;
  --ink: #F4F1E8;
  --ink-2: #CFCBC0;
  --muted: #8B8275;
  --line: #1F2630;
  --line-2: #161B23;

  --accent: #0EA5E9;
  --accent-ink: #38BDF8;
  --accent-2: #5EEAD4;
  --accent-3: #5EEAD4;
  --accent-soft: #0E2A35;
  --deep: #38BDF8;

  --good: #5EEAD4;
  --danger: #fca5a5;
  --danger-soft: #2A1414;
  --warm-soft: #1A1410;
  --hover-bg: #1A212B;
  --hover-line: #2A3441;
  --row-hover: #141A22;
  --paper-blur: rgba(17, 22, 29, .88);
  --warn-ink: #f0b357;

  color-scheme: dark;
}

/* Alias de compatibilidad: nombres que ya usaban algunas páginas. Se mantienen para no
   reescribir hojas enteras, pero apuntan al mismo sitio — que era justo el problema. */
:root {
  --surface: var(--paper);
  --border: var(--line);
  --border2: var(--line-2);
  --text: var(--ink);
  --text-2: var(--ink-2);
  --acc: var(--accent);
  --acc-ink: var(--accent-ink);
  --teal: var(--accent-3);
  --cyan: var(--accent-2);
  --emerald: var(--good);
  --crimson: var(--danger);
  --amber: var(--warn);
  --blue: var(--accent);
}