/* Load Poppins from Google Fonts with variable weights for flexibility */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100..900;1,100..900&display=swap");

/* Prefer Poppins as the primary sans font, with sensible fallbacks */
:root {
    --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, "Helvetica Neue", sans-serif;
}

/* Apply the font globally */
body {
    font-family: var(--font-sans);
}

/* Keep existing helper for any legacy usage */
.roboto {
    font-family: var(--font-sans);
}

/* Optional helper class to force Poppins on specific elements */
.poppins {
    font-family: var(--font-sans) !important;
}