/* Typography + icon fonts.
   NOTE: Keep icon fonts self-hosted to avoid flaky headless/proxy environments. */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../vendor/fonts/inter-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  /* Never show ligature fallback text ("home", "account_balance") while the font loads. */
  font-display: block;
  src: url('../vendor/fonts/material-icons.woff2') format('woff2'),
       url('../vendor/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Enable ligatures so icon names ("home") render as glyphs. */
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* Same reasoning as Material Icons: avoid raw ligature text flashes. */
  font-display: block;
  /* Self-hosted WOFF2 (avoid TTF fallbacks; they produce Chromium OTS warnings when corrupted). */
  src: url('../vendor/fonts/material-symbols-outlined.woff2') format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Ligatures map names (e.g. "account_balance") to symbols. */
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Guardrail: prevent raw ligature text from ever appearing.
   We hide icons until base.html confirms the icon fonts are loaded. */
html:not(.mi-loaded) .material-icons,
html:not(.mi-loaded) .material-symbols-outlined {
  visibility: hidden;
}