/* Voyatale V2 — shared typography lock
   Source of truth: Planner typography (Inter).
   Keep this file loaded LAST so legacy page CSS cannot drift back to serif/system fonts. */

:root {
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-brand: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --v2-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --v2-font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Text-bearing native elements may be given legacy serif rules on old pages.
   Force them back to the same typography used by Planner. */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
textarea,
select,
option,
label,
legend,
table,
th,
td,
blockquote,
figcaption,
summary {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

button,
input,
textarea,
select,
option {
  font: inherit;
}

/* Leaflet text should visually match the rest of Voyatale. */
.leaflet-container,
.leaflet-popup-content,
.leaflet-control {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Preserve dedicated icon-font families. */
.material-icons { font-family: "Material Icons" !important; }
.material-icons-outlined { font-family: "Material Icons Outlined" !important; }
.material-symbols-outlined { font-family: "Material Symbols Outlined" !important; }
.material-symbols-rounded { font-family: "Material Symbols Rounded" !important; }
.fa,
.fas,
.far,
.fab,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
}