/* ===========================================================================
   NSCC - Typography: Roboto
   ---------------------------------------------------------------------------
   Loaded straight after app.css. The owner asked for Roboto and a more
   professional look (2 Nov 2026), so the store now sets in one family:
   Roboto for body, UI and headings, upright, with weight doing the work the
   decorative italic serif used to do.

   Self-hosted, like Plus Jakarta Sans in app.css section 0: no font host is
   contacted, so nothing reaches Google before (or without) cookie consent and
   the CSP needs no extra source. The files are the variable Fontsource build
   (one file per subset covers every weight, 100-900), licensed SIL OFL 1.1 -
   see assets/fonts/roboto-OFL.txt. includes/header.php preloads the pair when
   Settings > Theme > Font family is "Roboto" (theme_font_files()).

   swap, not app.css's `optional`: Roboto has no metric overrides tuned here,
   and a professional storefront should show its own face on the first view
   rather than only once the file is cached.
   =========================================================================== */

/* latin-ext: owns U+20B9, the rupee sign in front of every price. */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/roboto-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                   U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                   U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/roboto-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                   U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                   U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* One family. The display token now follows the body font, so every rule
   written against --sik-font-display (hero titles, category cards, the
   landing page) sets in Roboto without being touched one by one. */
:root {
    --sik-font-display: var(--sik-font);
}

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

/* The five places that used the italic serif. Upright, heavier and slightly
   tighter, which is what reads as "professional" in a sans. */
.sik-flourish,
.sik-hero__slide--photo .sik-hero__title,
.sik-catcard__name,
.sik-catland__title,
.sik-catland__promotitle {
    font-family: var(--sik-font);
    font-style: normal;
    letter-spacing: -0.015em;
}
.sik-flourish { font-weight: 600; }
.sik-hero__slide--photo .sik-hero__title,
.sik-catland__title,
.sik-catland__promotitle { font-weight: 700; }
.sik-catcard__name { font-weight: 600; }