/* =============================================================================
* brand.css — GENERADO por crates/web/build.rs desde docs/diseno/tokens.toml.
* NO EDITAR A MANO. Cambia la paleta en tokens.toml y recompila.
* Mismos tokens que la app nativa (fuente única). DESIGN.md = el porqué.
* ========================================================================== */
/* Fuentes de marca SELF-HOSTED (QW-5, 2026-07-04): antes se cargaban por
@import de Google Fonts, que (a) filtra la IP del visitante a Google
(contra el enfoque privacy-first) y (b) la CSP estricta (style-src/font-src
'self') BLOQUEABA en prod → las fuentes de marca no cargaban y caían a
fuente de sistema. Ahora se sirven desde /static/fonts (mismo origen).
Regenerar los woff2 con scripts/dl-fonts.py si cambian pesos/fuentes. */
@import url('/static/fonts/fonts.generated.css');

:root {
  --bg: #F2EDE4;
  --surface: #FBF7F0;
  --surface-2: #EFE8DC;
  --text: #2C2C2A;
  --text-soft: #5F5E5A;
  --border: #E2D9CC;
  --primary: #DC6B4F;
  --primary-hover: #C95B40;
  --accent: #DC6B4F;
  --success: #7E9B86;
  --premium: #F0B45C;
  --danger: #9E3B2E;
  --primary-text: #B74224;
  --success-text: #566F5D;
  --premium-text: #935D0E;
  --danger-text: #9E3B2E;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
  --bg: #23231F;
  --surface: #2C2C2A;
  --surface-2: #34342F;
  --text: #F2EDE4;
  --text-soft: #A9A6A0;
  --border: #3A3A36;
  --primary: #E07A5F;
  --primary-hover: #D06A4E;
  --accent: #E07A5F;
  --success: #8FA994;
  --premium: #F2BD6E;
  --danger: #9E3B2E;
  --primary-text: #E28168;
  --success-text: #8FA994;
  --premium-text: #F2BD6E;
  --danger-text: #D8857A;
  }
}

html { color-scheme: light dark; }
body { font-family: var(--font-ui); }
h1, h2, h3, .wordmark { font-family: var(--font-display); }
code, pre, .data, .mono { font-family: var(--font-mono); }
/* Anillo de foco: usa la VARIANTE DE TEXTO del coral, no el tono vivo.
El coral vivo da 2,88:1 sobre el crema (#DC6B4F sobre #F2EDE4) y 2,76 sobre
la superficie secundaria — por debajo del 3:1 que WCAG 1.4.11 exige a un
indicador no textual, justo el elemento del que depende quien navega con
teclado. La variante (#B74224 en claro, #E28168 en oscuro) da 4,5:1. Solo
se ve al tabular, así que no altera el aspecto de la marca. */
:focus-visible { outline: 2px solid var(--primary-text); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}