/* SlashCouponCode — the type system.
 *
 * Loaded FIRST on every page this plugin renders; store.css and blog.css both
 * declare it as a dependency. It owns three things and nothing else:
 *
 *   1. the typeface
 *   2. the text colours
 *   3. how numerals behave
 *
 * It deliberately does NOT restate font sizes for articles, headings or cards.
 * Those live in store.css and blog.css beside the layout they belong to, and
 * duplicating them here would mean two files fighting over the same rule with
 * whichever loaded last silently winning.
 *
 * WHY THIS EXISTS. Measured across the site on 2026-08-01: no typeface was ever
 * set, so everything inherited Bootstrap's system-ui stack and the site rendered
 * in a different font on every device — San Francisco on iPhone, Roboto on
 * Android, Segoe on Windows. That inconsistency is most of why the pages read as
 * less considered than CouponMoto's, which commit to a typeface.
 */

/* ---- The typeface -------------------------------------------------------
 *
 * Inter, self-hosted. NOT Google Fonts: every third-party request was
 * deliberately removed from this site, and this is not the moment to add one
 * back. Self-hosting also means no DNS lookup and no connection to another
 * company before text can paint.
 *
 * ONE FILE, ALL WEIGHTS. A variable font with the weight axis clamped to
 * 400-800 and the optical-size axis pinned, which is what takes it from 55KB
 * to 27KB. For comparison Google's own "latin" Inter is 47KB AND is missing
 * three characters this design uses: the rupee sign, the arrow in "View all →"
 * and pagination, and the star in the store rating. Those would each have
 * fallen back to a system font mid-sentence.
 *
 * font-display:swap so text is readable immediately in the fallback and simply
 * re-renders when the font lands — never invisible, never render-blocking.
 */
@font-face{
  font-family:'InterSCC';
  src:url('fonts/inter-scc.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}

:root{
  /* The system stack stays as the fallback. Its metrics are close enough to
     Inter that the swap does not visibly reflow the page. */
  --scc-font:'InterSCC', system-ui, -apple-system, 'Segoe UI', Roboto,
             'Helvetica Neue', Arial, sans-serif;
  /* Reading measure — the band where the eye reliably finds the start of the
     next line is 50-75 characters. Note ch is the width of "0", about .58em in
     Inter, while average lowercase is nearer .5em, so 62ch lands around 72 real
     characters. Before this, .scc-prose ran the full column at 119. */
  --scc-measure:62ch;
}

/* Applied through the page scopes rather than a bare `body` rule, so this
   plugin still never restyles a page it does not own. */
.scc-store-page,
.scc-stores-page,
.scc-cats-page,
.scc-blog-page,
.scc-modal{
  font-family:var(--scc-font);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  /* tnum: digits in "₹1,299" and "80% OFF" sit on a fixed width so figures line
     up in a column instead of dancing about. This site is mostly numbers. */
  font-variant-numeric:tabular-nums;
}

/* Form controls do not inherit typography — the browser gives buttons and
   inputs their own font, and the `font:inherit` several of our rules use is a
   SHORTHAND, which resets font-variant along with everything else. Without
   this, the counts on the filter tabs, the A-Z buttons and the page numbers all
   drop back to proportional figures while the text beside them stays tabular. */
.scc-store-page :is(button,input,select,textarea),
.scc-stores-page :is(button,input,select,textarea),
.scc-cats-page :is(button,input,select,textarea),
.scc-blog-page :is(button,input,select,textarea),
.scc-modal :is(button,input,select,textarea){ font-variant-numeric:inherit; }

/* Running prose gets proportional figures back — tabular digits look
   mechanical inside a sentence. */
.scc-article,
.scc-prose,
.scc-b-ex,
.scc-b-lede,
.scc-b-title{ font-variant-numeric:normal; }