/* Aura 2.1 · Design tokens
   Fuente única de colores, tipografía, radios, espaciado, elevación y movimiento.
   Identidad: fondo crema #F7F3E3 y granate #641218. Cárgalo ANTES de style.css. */
:root{
  /* Superficies y texto */
  --bg:#f7f3e3;              /* fondo de la app */
  --surface:#fffdf7;         /* tarjetas, inputs, hojas */
  --surface-2:#f1e9da;       /* paneles internos, chips neutros */
  --surface-3:#e8dcc8;       /* pressed / seleccionado suave */
  --white:#ffffff;
  --border:#e5dacb;
  --border-strong:#d3c2a6;
  --text:#302826;
  --text-2:#6a5d56;          /* texto secundario · AA (5,7:1 sobre crema) */
  --text-3:#72665f;          /* apoyo, pies y cabeceras · AA sobre crema, papel y paneles */
  /* Marca */
  --primary:#641218;
  --primary-hover:#7d1720;
  --primary-soft:#f3e3df;
  --primary-border:#deb5ac;
  --on-primary:#ffffff;
  --gold:#a78238;            /* acento decorativo (bordes, líneas) */
  --gold-text:#7a5f1e;       /* dorado usable como texto · AA */
  --gold-soft:#fff3ce;
  --gold-border:#d9b24c;
  /* Estados semánticos (siempre acompañados de texto o icono) */
  --success:#2f6b43;  --success-soft:#e4f0e6;  --success-border:#b9d6c0;
  --warning:#7a4e1d;  --warning-soft:#f5e6d4;  --warning-border:#e2bf94;
  --danger:#9b1c1c;   --danger-soft:#fbeaea;   --danger-border:#e3a8a8;
  --info:#245a70;     --info-soft:#dceaf0;     --info-border:#afccd6;
  --overlay:rgba(38,22,26,.72);
  --focus:#641218;
  /* Tipografía (8 tamaños) */
  --fs-1:12px; --fs-2:13px; --fs-3:14px; --fs-4:16px; --fs-5:18px; --fs-6:22px; --fs-7:28px; --fs-8:36px;
  --lh-tight:1.2; --lh-body:1.5;
  /* Radios */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:28px; --r-pill:999px;
  /* Espaciado */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  /* Elevación */
  --elev-1:0 1px 2px rgba(40,9,11,.06),0 3px 10px rgba(40,9,11,.05);
  --elev-2:0 8px 26px rgba(40,9,11,.14);
  --elev-3:0 24px 70px rgba(40,9,11,.30);
  --elev-up:0 -12px 40px rgba(40,9,11,.25);
  /* Interacción */
  --tap:44px;
  --ring:0 0 0 2px var(--surface),0 0 0 4px var(--focus);
  --motion:.16s ease;
  /* Alias heredados (compatibilidad con el CSS existente) */
  --cream:var(--bg); --wine:var(--primary); --paper:var(--surface); --ink:var(--text); --muted:var(--text-2);
  --line:var(--border); --green:var(--success); --blue:var(--info);
}
/* Breakpoints del sistema: 1100 (portátil) · 740 (móvil/escritorio) · 560 · 420 · 360 (móvil estrecho) */