/* ==========================================================================
   Fonts
   ========================================================================== */

/* Google Fonts: Inter (text) + Manrope (numbers) */
@import url("https://fonts.googleapis.com/css2\
?family=Inter:wght@400;500;600;700;800\
&family=Manrope:wght@500;600\
&display=swap");

/* Base font stack */
:root {
  --font-text: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-numeric: Manrope, Inter, system-ui, sans-serif;
}

/* Default text font */
body {
  font-family: var(--font-text);
  font-feature-settings: "liga" 1, "kern" 1;
}

/* Better numeric rendering (optional, but nice) */
.numeric,
.price,
.card__price,
.qty {
  font-family: var(--font-numeric);
  font-variant-numeric: lining-nums tabular-nums;
}