/**
 * SkialpujFest design tokens.
 *
 * The single source of brand values for the whole stack. Enqueued globally by
 * includes/design-tokens.php (frontend, block editor, login, admin) — the child
 * theme consumes these and NEVER redefines them.
 *
 * Values lifted verbatim from the live Elementor stack:
 *   palette  the stored `global-color-palette` option (NOT the six-swatch
 *            `astra_color_palettes` filter, which only fills the colour picker)
 *   fonts    `astra-settings` — headings Tomorrow, body Open Sans
 *
 * Raw file, no build step. Versioned by filemtime.
 */

:root {
	/* ── Brand palette ───────────────────────────────────────────────
	   Named by what each colour IS. The palette SLOT numbers noted
	   beside them are Kadence's order — ordered by what a theme does
	   with each slot, not by Astra's. See the brand-palette module's
	   palette.php for why the two differ. */
	--skif-color-primary: #ff0000;      /* palette 1 — festival red */
	--skif-color-black: #000000;        /* palette 2 (and 3 — headings) */
	--skif-color-white: #ffffff;        /* palette 9 — surfaces, form fields */
	--skif-color-ink: #232323;          /* palette 6 */
	--skif-color-grey-100: #eeeeee;     /* palette 8 — light fill */
	--skif-color-grey-200: #e0e0e0;     /* palette 7 — borders */
	--skif-color-grey-600: #666666;     /* palette 4 — body text */

	/* Not palette slots, but used in the compiled theme CSS. */
	--skif-color-primary-dark: #b20014; /* primary hover/active */
	--skif-color-grey-400: #909090;     /* palette 5 — muted text, cart rules */

	/* ── Semantic aliases ────────────────────────────────────────────
	   Prefer these in the child theme; the raw palette vars above are
	   the source of truth, these say what a colour is FOR. */
	/* ⚠ Astra's `text-color` is #666666, NOT the ink above. This alias used
	   to point at the ink, which is a different, darker grey — every
	   paragraph on the site would have come out wrong. */
	--skif-color-text: var(--skif-color-grey-600);
	--skif-color-background: var(--skif-color-white);
	--skif-color-accent: var(--skif-color-primary);
	--skif-color-border: var(--skif-color-grey-200);
	--skif-color-muted: var(--skif-color-grey-400);

	/* ── Typography ──────────────────────────────────────────────────
	   The families are loaded by the theme/Kadence, not by this file —
	   these tokens only name which family plays which role. */
	--skif-font-heading: Tomorrow, sans-serif;
	--skif-font-body: "Open Sans", sans-serif;
	--skif-font-button: Jost, sans-serif;
}