/* ---------------------------------------------------------------------------
   Hind Siliguri - served from this server, not from Google.
   ---------------------------------------------------------------------------
   The .ttf files sit next to this file, so the urls below are relative and the
   sheet keeps working wherever the site is moved.

   Only the weights a page actually renders are downloaded; declaring all five
   costs nothing until something asks for them.

   font-display:swap means text is shown in the fallback face immediately and
   re-drawn once Hind Siliguri arrives, so a slow font never blanks the page.

   Licence: SIL Open Font License 1.1 - see OFL.txt in this directory.
--------------------------------------------------------------------------- */

@font-face {
    font-family: 'Hind Siliguri';
    src: url('HindSiliguri-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('HindSiliguri-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('HindSiliguri-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('HindSiliguri-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('HindSiliguri-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------------------------------------------------------------------------
   The family applied across the app.

   Hind Siliguri covers Bengali and Latin from one file, which is what this
   station needs - a song title can be Bengali, Hindi or English and must not
   change typeface mid-list. The fallbacks after it are only reached while the
   font is still loading, or if it fails: Noto keeps Indic text readable, then
   the system UI face.

   Icon fonts are NOT affected. Line Awesome and Font Awesome set their own
   font-family on .la / .fa, which is more specific than this inheritance.
--------------------------------------------------------------------------- */

:root {
    --ssr-font: 'Hind Siliguri', 'Noto Sans Bengali', 'Noto Sans Devanagari', 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

html,
body {
    font-family: var(--ssr-font);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, a, span, li, td, th, label, small, strong, blockquote, figcaption,
.btn, .cmn-btn, .badge,
button, input, select, textarea, optgroup,
.form-control, .form-select, .form-label,
.modal-title, .card-title, .page-title, .title,
.sidebar__menu .menu-title, .navbar-user__name, .navbar-user__desig,
.select2-container, .select2-selection__rendered, .select2-results__option,
.iziToast, .dropdown-menu, .table, .pagination {
    font-family: var(--ssr-font);
}

/* Bengali and Devanagari sit lower and need a little more room between lines
   than Latin does, or the vowel marks above and below the line collide. */
body {
    line-height: 1.7;
}