@import url("https://fonts.googleapis.com/css2?family=Anton&family=Dosis:wght@700;800&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700&display=swap");

/* SodiYUMMY! Lighthouse Core v1 — LC-01 typography authority.
   Loaded after screen styles so legacy per-screen font declarations cannot drift.
   Roles: Source Sans 3 = UI/body; Dosis = display/brand; Anton = key sodium/numeric readouts. */

:root {
  --lh-font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lh-font-display: "Dosis", var(--lh-font-ui);
  --lh-font-number: "Anton", var(--lh-font-ui);
  font-family: var(--lh-font-ui) !important;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--lh-font-ui) !important;
}

/* Display and brand typography */
h1,
h2,
h3,
.lh-wordmark {
  font-family: var(--lh-font-display) !important;
}

/* Key sodium and high-salience numeric readouts */
.lh-total,
.lh-entry-sodium,
.lh-result-sodium,
.lh-meal-total,
.lh-edit-meta-row strong,
.lh-edit-total strong,
.lh-food-sodium,
.lh-recipe-sodium-value,
.lh-sodium-field input,
.lh-serving-sodium,
.lh-final-total,
.ym-food-mg,
.ym-item-right strong,
.ym-total-card strong,
.yr-total strong,
.yr-item-mg {
  font-family: var(--lh-font-number) !important;
  font-weight: 400 !important;
  font-variant-numeric: tabular-nums;
}

/* Supporting labels stay in the UI face even inside Anton readouts. */
small,
.lh-result-sodium small,
.lh-meal-total small,
.lh-food-sodium small,
.lh-final-total small,
.yr-item-mg small {
  font-family: var(--lh-font-ui) !important;
}