/* ------------------------------------------------------------------------- *
 * Sketch Fit Finder — the brand typeface, Saans.
 *
 * One self-hosted variable font file covers the whole family:
 *   wght  300 – 900   Light · Regular · Medium · SemiBold · Bold · Heavy
 *   ital  0 – 10      upright → italic
 *   MONO  0 – 100     proportional → semi-mono → mono
 *
 * Because it is one file, every weight/italic/mono combination costs a single
 * ~152 KB download. Do not add per-weight @font-face rules.
 *
 * Lifted from sketch-suite/modules/typography so this plugin owns its own type
 * and renders correctly with no other Sketch plugin installed. Where Sketch
 * Suite IS active it still wins — see SFF_Shortcode::register_assets(), which
 * defers to the `sketch-suite-font` handle rather than shipping a second copy.
 *
 * Deliberately NOT included from the suite version: the site-wide
 * `html, body, h1..h6 { font-family: var(--sk-font) }` block. This stylesheet
 * only ever loads on a page rendering the shortcode, and frontend.css scopes
 * every rule under `.sff`, so styling the whole document would be reaching
 * outside the plugin for no gain.
 * ------------------------------------------------------------------------- */

@font-face {
	font-family: "Saans";
	src: url("../fonts/SaansVF.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Saans";
	src: url("../fonts/SaansVF.woff2") format("woff2");
	font-weight: 300 900;
	font-style: italic;
	/* Saans' `ital` axis runs 0–10, not the usual 0–1. Without this line the
	   browser maps `font-style: italic` to `ital: 1` — a 10% slant that reads
	   as upright — and italics silently stop working. */
	font-variation-settings: "ital" 10;
	font-display: swap;
}

:root {
	--sff-font: "Saans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--sff-font-mono: "Saans", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}