/* Typography roles. Fonts are chosen in Apariencia → Personalizar →
   Tipografía; typography.php prints the variables in <head>. */
@font-face{font-family:Bitter;font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/bitter-variable.woff2') format('woff2')}
@font-face{font-family:Bitter;font-style:italic;font-weight:100 900;font-display:swap;src:url('fonts/bitter-italic-variable.woff2') format('woff2')}
/* Fallbacks with zero specificity, so the values printed by typography.php always win. */
:where(:root){--font-ui:Geist,Arial,sans-serif;--font-heading:var(--font-ui);--font-body:var(--font-ui);--heading-tracking:-.03em;--weight-text:400}

/* Excerpts are reading text; FIN is a title; interview questions are the interviewer's voice (UI). */
.card p,.home-section .card>p,.related-card p{font-family:var(--font-body)}
#subfooter .footer-fin{font-family:var(--font-heading)}
.interview-body .interview-question,.interview-body .interview-question::before,.interview-body .interview-answer::before{font-family:var(--font-ui)}