@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fuentes/chakra-petch/chakra-petch-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Chakra Petch"; font-style: normal; font-weight: 600; font-display: swap; src: url(/fuentes/chakra-petch/chakra-petch-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Saira"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fuentes/saira/saira-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Saira"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fuentes/saira/saira-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Saira"; font-style: normal; font-weight: 600; font-display: swap; src: url(/fuentes/saira/saira-latin-600-normal.woff2) format("woff2"); }
:root { --fondo: #f4f2f0; --panel: #ffffff; --texto: #221e1b; --suave: #6d655e; --borde: #e0dbd6; --nav: #292521; --nav-texto: #d6cfc8; --acento: #e75e1a; --acento-texto: #1d1916; --acento-tinta: #b0440d; --aviso: #fdeadf; --fila: #faf8f6; --logo-fondo: #292521; --fuente-titulos: "Chakra Petch", system-ui, "Segoe UI", sans-serif; --fuente-texto: "Saira", system-ui, "Segoe UI", sans-serif; }
@media (prefers-color-scheme: dark) { :root { --fondo: #151210; --panel: #1f1b18; --texto: #ece7e2; --suave: #a89f97; --borde: #3a332d; --nav: #100d0b; --nav-texto: #c7bfb7; --acento-tinta: #f07a3c; --aviso: #3d2214; --fila: #25201c; --logo-fondo: #292521; } }