/* Enrutar — tokens de diseño. Fuente de verdad de color, tipografía y forma. Modo claro por defecto. */
@font-face{font-family:"Sora";src:url("/assets/fonts/Sora.ttf") format("truetype");font-weight:100 800;font-display:swap}
@font-face{font-family:"Manrope";src:url("/assets/fonts/Manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Archivo";src:url("/assets/fonts/Archivo.ttf") format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("/assets/fonts/BricolageGrotesque.ttf") format("truetype");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/InstrumentSans.ttf") format("truetype");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Clash Display";src:url("/assets/fonts/ClashDisplay.woff2") format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Satoshi";src:url("/assets/fonts/Satoshi.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Satoshi";src:url("/assets/fonts/Satoshi-Italic.woff2") format("woff2");font-weight:300 900;font-style:italic;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url("/assets/fonts/CabinetGrotesk.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"General Sans";src:url("/assets/fonts/GeneralSans.woff2") format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/InstrumentSerif-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/InstrumentSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/Inter.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist";src:url("/assets/fonts/Geist.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{
  color-scheme:light;
  --brand-navy:#081028; --brand-orange:#e87030; --brand-orange-hover:#d3622a; --brand-orange-soft:#fdeee4; --brand-navy-soft:#e9ecf4;
  --font-display:"Clash Display",system-ui,sans-serif; --font-body:"Satoshi",system-ui,sans-serif; /* Sora queda solo en el logo */
  --bg:#f5f6fa; --superficie:#ffffff; --superficie-2:#f0f2f7;
  --fg:#111a33; --fg-2:#4d5873; --fg-3:#8791a8;
  --linea:#e4e8f0; --linea-2:#cfd5e2;
  --acento:var(--brand-orange); --acento-fg:#ffffff; --acento-suave:var(--brand-orange-soft);
  --ok:#1e8f55; --ok-suave:#e3f5ea; --alerta:#b7791f; --alerta-suave:#fdf3dd; --peligro:#c9352f; --peligro-suave:#fbe7e6; --info:#2a63c9; --info-suave:#e6eefb;
  --radio:10px; --radio-g:14px; --radio-p:6px; --sombra:0 1px 2px rgba(17,26,51,.05),0 4px 14px rgba(17,26,51,.06);
  --foco:0 0 0 3px rgba(232,112,48,.28);
}