@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");

/* =========================================
   STUDY HARBOR — PREMIUM TYPOGRAPHY TEST
   English: Manrope
   Bangla fallback: Hind Siliguri
========================================= */

:root {
    --sh-font-ui:
        "Manrope",
        "Hind Siliguri",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --sh-font-bangla:
        "Hind Siliguri",
        "Manrope",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

html,
body,
button,
input,
textarea,
select,
option {
    font-family: var(--sh-font-ui);
}

:lang(bn),
[lang="bn"] {
    font-family: var(--sh-font-bangla);
}

body {
    font-weight: 500;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--sh-font-ui);
    font-weight: 800;
    letter-spacing: -0.025em;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
[class*="btn"],
nav a,
.nav-links a {
    font-weight: 700;
}

label,
small,
[class*="label"],
[class*="badge"],
[class*="tag"] {
    font-family: var(--sh-font-ui);
}

input,
textarea,
select {
    font-weight: 500;
}

::placeholder {
    font-family: var(--sh-font-ui);
    font-weight: 500;
}