/* Tokens semánticos de la landing (BRAND-002 §6.1.2; PLAT-DESIGN-001 §2.4).
   Paleta: hipótesis de la dirección "A — Trama", PROVISIONAL hasta el brand pack aprobado.
   Los pares texto/fondo se validan con scripts/contraste.mjs (GAP-BRAND-UX-CONTRASTE-ACENTO-01).
   Reglas: el acento magenta es solo firma (≤ 5 % de superficie, nunca CTA ni estado, R-4);
   el teal es acción, nunca "éxito"; el índigo se mantiene lejos del navy reservado del
   realm admin (#0C447C, B7). Las páginas solo consumen estas variables. */

@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/fonts/InterVariable-latin.woff2") format("woff2");
}

:root {
  --fuente: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fuente-cifras: ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* Claro */
  --fondo: #FCF9EF;
  --fondo-alterno: #F1EFE8;
  --superficie: #FFFFFF;
  --texto: #1B2540;
  --texto-suave: #4A4F63;
  --borde: #D3D1C7;
  --accion: #0F6E56;
  --accion-hover: #0B5A46;
  --texto-sobre-accion: #FFFFFF;
  --enlace: #0F6E56;
  --firma: #B0327A;
  --trama-linea: rgba(27, 37, 64, 0.07);
  --sombra: 0 1px 2px rgba(27, 37, 64, 0.06), 0 14px 32px -16px rgba(27, 37, 64, 0.22);
  --foco: #0F6E56;

  /* Sección invertida (Control y confianza): derivadas de los tokens base, sin hex nuevos. */
  --invertida-superficie: color-mix(in srgb, var(--fondo) 9%, var(--texto));
  --invertida-borde: color-mix(in srgb, var(--fondo) 30%, var(--texto));

  --radio: 0.5rem;
  --ancho: 68rem;
  --gutter: 1rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #0F1322;
    --fondo-alterno: #151A2C;
    --superficie: #1B2136;
    --texto: #ECE9DF;
    --texto-suave: #B3B6C4;
    --borde: #2C3349;
    --accion: #3CC39B;
    --accion-hover: #5FD3AF;
    --texto-sobre-accion: #06201A;
    --enlace: #5FD3AF;
    --firma: #E06AA8;
    --trama-linea: rgba(236, 233, 223, 0.06);
    --sombra: none;
    --foco: #5FD3AF;
  }
}