/* MESA typography contract. Keep this file last so every area uses the same three type roles. */
@font-face { font-family: 'Italiana'; src: url('../fonts/Italiana-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Variable.ttf') format('truetype'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/DMMono-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/DMMono-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --font-display: 'Italiana', Georgia, serif;
  --font-interface: 'Manrope', Arial, sans-serif;
  --font-mono: 'DM Mono', monospace;
}

html { font-synthesis: none; text-rendering: optimizeLegibility; }
body { font-family: var(--font-interface); }
button { font-family: inherit; }
input, select, textarea, option,
input::placeholder, textarea::placeholder { font-family: var(--font-interface); }

.auth-story h1, .auth-card h2 { font-family: var(--font-display); }
.lists-page .list-empty p {
  color: rgb(27 27 25 / 58%);
  font-family: var(--font-mono);
  font-size: .54rem;
  letter-spacing: .035em;
  line-height: 1.7;
}

@media print {
  .menu-print-sheet { font-family: var(--font-interface); }
  .menu-print-sheet > h1,
  .menu-print-sheet [data-print-courses] article > span,
  .menu-print-sheet [data-print-courses] h2 { font-family: var(--font-display); }
  .menu-print-sheet header p,
  .menu-print-sheet .print-meta,
  .menu-print-sheet [data-print-courses] small,
  .menu-print-sheet > footer { font-family: var(--font-mono); }
}