/* Tokens del design system de Rita (v5), generados de tokens.json sin cambiar nombres. */
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-Variable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
:root {
  --paper: #f7f4ee;
  --paper-raised: #ffffff;
  --ink: #1d1b17;
  --ink-muted: #5f594f;
  --ink-quiet: #5f594f;
  --ink-faint: #5f594f;
  --ink-strong: #1d1b17;
  --apagado: #9a9384;
  --heading: #22305a;
  --line: #e4ddd0;
  --glass: rgba(255,255,255,0.06);
  --glass-border: rgba(255,255,255,0.13);
  --tinta: #22305a;
  --tinta-hover: #2c3d72;
  --on-tinta: #f7f4ee;
  --noche: #0f1630;
  --noche-2: #18214a;
  --noche-profunda: #05070f;
  --tel-pantalla: #2a3a6e;
  --mantequilla: #f5d97e;
  --mantequilla-hover: #f8e39b;
  --on-mantequilla: #1d1b17;
  --miel: #8a6512;
  --vainilla: #f8edc6;
  --vino: #9a3a33;
  --vino-suave: #f4deda;
  --error: #b42318;
  --logo-gris: #c3c8dd;
  --marca-gris: #8e95b4;
  --barra-pista: #3a4570;
  --hover-crema: #efeadf;
  --scrim: rgba(8,12,28,0.86);
  --scrim-soft: rgba(8,12,28,0.78);
  --wa-fondo: #efeae2;
  --wa-barra: #f6f5f3;
  --wa-borde: #d9d6d0;
  --wa-saliente: #d9fdd3;
  --wa-enviar: #3fb36b;
  --wa-enlace: #027eb5;
  --wa-meta: #5b6a73; /* 4,67:1 o más sobre el fondo, la barra y las burbujas del chat */
  --wa-puntos: #99aaaa;
  --wa-burbuja: #ffffff;
  --wa-texto: #1d1b17;
  --wa-acento: #8a6512;
  --on-crema-muted: #5f594f;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-section: 110px;
  --space-section-sm: 80px;
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-bubble: 16px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 28px;
  --radius-screen: 42px;
  --radius-device: 52px;
  --radius-pill: 999px;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

[data-theme="noche"] {
  --paper: #0f1630;
  --paper-raised: #18214a;
  --ink: #f7f4ee;
  --ink-muted: #c9cee3;
  --ink-quiet: #aeb4cf;
  --ink-faint: #9198b5;
  --ink-strong: #dfe3f3;
  --apagado: #6f7799;
  --heading: #ffffff;
  --line: rgba(255,255,255,0.12);
  --miel: #f5d97e;
  --vino: #ffb4a8;
  --vino-suave: rgba(255,180,168,0.12);
}
