/* GENERADO por ios/Tools/generar-tema.mjs — no editar a mano.
   Regenerar: node ios/Tools/generar-tema.mjs */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..100,400..700&family=Newsreader:opsz,wght@6..72,400&display=swap');

/* Scala — tokens. Generado por 02-identidad/assets/tokens.mjs desde palette.mjs y tipografia.mjs. No editar a mano.
   Claro es el default. El oscuro entra por prefers-color-scheme o por data-theme="dark" en el html. */
:root {
  color-scheme: light;
  --fondo: #F2F2EF;
  --tarjeta: #FFFFFF;
  --isla: #131412;
  --control: #E8E8E2;
  --borde: #E7E7E1;
  --texto: #131412;
  --texto2: #63665F;
  --acento: #131412;
  --acento-sup: #63665F;
  --lleno: #131412;
  --meta: #C9F448;
  --meta-luz: #B9E81D;
  --firma: #C9F448;
  --meta-luz-radio: 1.97;
  --meta-luz-a0: 1;
  --meta-luz-a1: 0.8;
  --meta-luz-a2: 0.3;
  --dato-violet: #5A4BD8;
  --dato-mint: #1E9E6A;
  --dato-ember: #E2600C;
  --dato-sky: #0C93A6;
  --dato-sun: #C98A05;
  --dato-rose: #C93B85;
  --dato-alert: #B8203F;
  --sobre-acento: #FFFFFF;
  --acento-presionado: #474846;
  --sombra: 0 1px 2px rgba(19,20,18,.06), 0 10px 28px rgba(19,20,18,.07);
  --lima: #D4FF3F;
  --marca-figura: #F2F2EF;
  --marca-campo: #131412;
  --marca-meta: #D4FF3F;
  --marca-figura-2: #A3A6A0;
  --marca-linea: #353733;
  --marca-tarjeta: #1C1D1B;
  --marca-meta-luz-radio: 2.74;
  --marca-meta-luz-a0: 0.44;
  --marca-meta-luz-a1: 0.12;
  --marca-meta-luz-a2: 0.055;
  --sans: "Archivo", ui-sans-serif, system-ui, sans-serif;
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --mono: var(--sans);
  --ancho-interfaz: 100%;
  --ancho-etiqueta: 87.5%;
  --ancho-numero: 75%;
  --fs-display-xl: 44px;
  --fs-display-lg: 32px;
  --fs-hallazgo: 23px;
  --fs-display-md: 21px;
  --fs-title: 17px;
  --fs-body: 15px;
  --fs-caption: 13px;
  --fs-label: 12px;
  --tracking-label: 0em;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --r-chip: 8px;
  --r-control: 12px;
  --r-card: 18px;
  --r-sheet: 28px;
  --r-pill: 9999px;
  --t-estado: 150ms;
  --t-pantalla: 200ms;
  --t-marca: 800ms;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --fondo: #131412;
    --tarjeta: #1C1D1B;
    --isla: #232522;
    --control: #2B2D2A;
    --borde: #353733;
    --texto: #F2F2EF;
    --texto2: #A3A6A0;
    --acento: #F2F2EF;
    --acento-sup: #A3A6A0;
    --lleno: #F2F2EF;
    --meta: #D4FF3F;
    --meta-luz: #D4FF3F;
    --firma: #D4FF3F;
    --meta-luz-radio: 2.74;
    --meta-luz-a0: 0.44;
    --meta-luz-a1: 0.12;
    --meta-luz-a2: 0.055;
    --dato-violet: #A49BFF;
    --dato-mint: #3ED598;
    --dato-ember: #FF8A4C;
    --dato-sky: #37C7DB;
    --dato-sun: #F0C44A;
    --dato-rose: #F274B5;
    --dato-alert: #FF6A6A;
    --sobre-acento: #131412;
    --acento-presionado: #F2F2EF;
    --sombra: none;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --fondo: #131412;
  --tarjeta: #1C1D1B;
  --isla: #232522;
  --control: #2B2D2A;
  --borde: #353733;
  --texto: #F2F2EF;
  --texto2: #A3A6A0;
  --acento: #F2F2EF;
  --acento-sup: #A3A6A0;
  --lleno: #F2F2EF;
  --meta: #D4FF3F;
  --meta-luz: #D4FF3F;
  --firma: #D4FF3F;
  --meta-luz-radio: 2.74;
  --meta-luz-a0: 0.44;
  --meta-luz-a1: 0.12;
  --meta-luz-a2: 0.055;
  --dato-violet: #A49BFF;
  --dato-mint: #3ED598;
  --dato-ember: #FF8A4C;
  --dato-sky: #37C7DB;
  --dato-sun: #F0C44A;
  --dato-rose: #F274B5;
  --dato-alert: #FF6A6A;
  --sobre-acento: #131412;
  --acento-presionado: #F2F2EF;
  --sombra: none;
}

/* ── Nombres heredados ─────────────────────────────────────────────────────
   La landing y la web congelada escriben --bg, --surface, --primary… Se alían
   a los roles de arriba para que el rediseño entre sin tocar el marcado.
   No se agregan usos nuevos de estos nombres. */
:root {
  --bg: var(--fondo);
  --surface: var(--tarjeta);
  --surface-low: var(--control);
  --surface-container: var(--control);
  --surface-high: var(--control);
  --surface-bright: var(--control);
  --surface-variant: var(--control);
  --primary: var(--acento);
  --secondary: var(--dato-sky);
  --tertiary: var(--dato-ember);
  --on-surface: var(--texto);
  --on-surface-variant: var(--texto2);
  --outline-variant: var(--borde);
  --success: var(--dato-mint);
  --warning: var(--dato-ember);
  --danger: var(--dato-alert);
  --info: var(--dato-sky);
  --sun: var(--dato-sun);
  --alert: var(--dato-alert);
  --readiness-peak: var(--acento);
  --readiness-good: var(--dato-mint);
  --readiness-mid: var(--dato-sky);
  --readiness-low: var(--dato-ember);
  --stress-low: var(--dato-mint);
  --stress-optimal: var(--acento);
  --stress-elevated: var(--dato-ember);
  --stress-high: var(--dato-alert);
  --font-display: var(--sans);
  --font-body: var(--sans);
  --font-label: var(--sans);
  --font-hallazgo: var(--serif);
}