:root{
/* Base */
--blanco-calido:#F8F7F3;--azul-profundo:#173759;--azul-carmen:#94B4DC;--azul-medio:#5C84BC;--azul-niebla:#DCE8F0;--beige:#EEE7DE;--arena:#D7C0A5;
--azul-profundo-hover:#102A46;--marron-calido:#7A5C3E;
/* Tinta */
--ink:#173759;--ink-soft:#3E576F;--ink-mute:#6E7F8E;--ink-on-dark:#F8F7F3;--ink-on-dark-soft:#C6D6E6;
/* Semánticos */
--surface:#F8F7F3;--surface-secundaria:#DCE8F0;--surface-calida:#EEE7DE;--surface-oscura:#173759;
--text-titular:var(--ink);--text-body:var(--ink-soft);--text-meta:var(--ink-mute);
--filete:rgba(23,55,89,.14);--filete-fuerte:rgba(23,55,89,.28);--filete-oscuro:rgba(248,247,243,.22);
--acento-linea:var(--azul-carmen);--acento-editorial:var(--arena);
--foco:var(--azul-medio);
/* Interacción */
--boton-primario-bg:var(--azul-profundo);--boton-primario-bg-hover:var(--azul-profundo-hover);--boton-primario-fg:var(--blanco-calido);
--boton-fantasma-borde:var(--filete-fuerte);--boton-fantasma-fg:var(--azul-profundo);
--enlace-subrayado:var(--azul-carmen);--enlace-subrayado-hover:var(--azul-profundo);
/* Radios y sombras: el sistema no usa sombra */
--radio-boton:3px;--radio-foto:4px;--radio-pildora:999px;--sombra:none; /* @kind shadow */
}