/* Los tokens del sistema visual. Unico sitio donde viven: los usan la landing
   estatica y las pantallas de la app. Cada pagina pone su propio layout encima. */
:root{
  --bg:#0d0f0e; --panel:#141817; --line:#242a28; --line-soft:#1b201f;
  --ink:#eef2f0; --ink-dim:#9aa5a1; --accent:#c9f24d; --accent-ink:#0d0f0e;
  --alerta:#ff6b5e; --pronto:#f2c34d; --r:14px; --wrap:1080px;
  /* Escala de espaciado. Todo margen y padding sale de aqui: si un valor
     no esta en la escala, es un valor inventado. */
  --e1:8px; --e2:12px; --e3:20px; --e4:32px; --e5:52px; --e6:84px;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}