/* Tokens de diseño de WAM — dirección D (docs/diseno.md, DEC-021).
   Único archivo con colores. Las plantillas y app.css usan solo var(--…). */

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-wght.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Sans";
  src: url("../fonts/instrument-sans-latin-wght.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Color (tema oscuro único en el MVP) */
  --bg: #0E1A17;
  --surface: #15241F;
  --surface-raised: #1B2D27;
  --line: #22352E;
  --line-strong: #2E463D;
  --ink: #E6EEEA;
  --ink-muted: #A3B6AE;
  --ink-faint: #6F857C; /* solo centavos de cifras >= 24 px */
  --invest: #8CC7A6;
  --on-invest: #0E1A17;
  --cetes: #E6B05C;
  --on-cetes: #0E1A17;
  --danger: #F08A7E;

  /* AMAIA (solo dentro de sus superficies) */
  --amaia-accent: #F28A62;
  --amaia-brasa: #E0633F;
  --amaia-on-brasa: #1D1D1B;

  /* Tipografía */
  --font-ui: "Manrope", system-ui, sans-serif;
  --font-amaia: "Instrument Sans", system-ui, sans-serif;

  /* Espaciado */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 28px;

  /* Forma */
  --r-tag: 6px;
  --r-control: 10px;
  --r-card: 16px;
  --r-card-sm: 14px;
  --r-pill: 999px;

  /* Movimiento */
  --t-state: 150ms ease-out;
  --touch: 44px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-state: 0s;
  }
}