/*
 * Design tokens + self-hosted fonts. Single source of truth for color, type
 * and spacing. Elementor Kit globals mirror these values
 * (see elementor/build-shell.php).
 *
 * Contrast (WCAG 2.x):
 *   --cll-paper on --cll-blue       5.1:1  (AA text)
 *   --cll-blue-soft on --cll-navy   5.4:1  (AA text)
 *   --cll-blue on --cll-navy        3.4:1  (large text / UI only)
 *
 * Fonts: Newsreader (display) and Inter (text), SIL OFL 1.1 — licenses in
 * assets/fonts/. Latin subset, variable weight.
 */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/inter-latin-var.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;
}

@font-face {
	font-family: "Newsreader";
	font-style: normal;
	font-weight: 300 600;
	font-display: swap;
	src: url("../fonts/newsreader-latin-var.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;
}

@font-face {
	font-family: "Newsreader";
	font-style: italic;
	font-weight: 300 600;
	font-display: swap;
	src: url("../fonts/newsreader-italic-latin-var.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;
}

:root {
	/* Color */
	--cll-ink: #0b0f1a;        /* near-black */
	--cll-navy: #0f1b2d;       /* primary dark surface */
	--cll-navy-2: #16263d;     /* raised dark surface */
	--cll-paper: #ffffff;
	--cll-mist: #f3f5f8;       /* soft gray surface */
	--cll-line: #dfe3ea;
	--cll-line-dark: rgba(255, 255, 255, 0.14);
	--cll-text: #121826;
	--cll-muted: #5a6475;
	--cll-on-dark: #e6eaf2;
	--cll-on-dark-muted: #a9b3c4;
	--cll-blue: #1f5eff;       /* accent: CTAs, focus, links on light */
	--cll-blue-deep: #1848cc;  /* accent hover */
	--cll-blue-soft: #5b8cff;  /* accent on dark surfaces */

	/* Type */
	--cll-font-display: "Newsreader", Georgia, "Times New Roman", serif;
	--cll-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--cll-step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
	--cll-step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--cll-step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	--cll-step-2: clamp(1.6rem, 1.4rem + 1vw, 2.1rem);
	--cll-step-3: clamp(2rem, 1.6rem + 2vw, 3rem);
	--cll-step-4: clamp(2.5rem, 1.9rem + 3vw, 4.25rem);

	/* Space */
	--cll-space-2xs: 0.25rem;
	--cll-space-xs: 0.5rem;
	--cll-space-s: 1rem;
	--cll-space-m: 1.5rem;
	--cll-space-l: clamp(2rem, 1.5rem + 2vw, 3rem);
	--cll-space-xl: clamp(3rem, 2rem + 4vw, 5.5rem);
	--cll-space-2xl: clamp(4rem, 2.5rem + 6vw, 8rem);

	/* Layout */
	--cll-measure: 68ch;
	--cll-container: 1240px;
	--cll-gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
	--cll-radius: 4px;
}