/*
 * Design tokens — extracted from the Elementor kit (#9) on 2026-06-10.
 *
 * System colors (kit): primary #000000, secondary #6601F1 (violet),
 * text #2A2A2A, accent #FB73FF (pink). Fonts: Roboto (primary/text),
 * Roboto Slab (secondary headings) — both already loaded site-wide by
 * Elementor (google-fonts), and by bpxg-fonts on converted pages.
 * Breakpoints (kit): tablet 768, laptop/desktop 1025. Mobile-first.
 */
:root {
	--color-primary: #000000;   /* kit primary */
	--color-secondary: #6601f1; /* kit secondary (violet) */
	--color-text: #2a2a2a;      /* kit text */
	--color-accent: #fb73ff;    /* kit accent (pink) */
	--color-ink: #111111;       /* near-black for headings on converted pages */
	--color-bg: #ffffff;

	/* Single unified stack — matches the live site (Roboto + Nanum Gothic). */
	--font-sans: "Roboto", "Nanum Gothic", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	--bp-tablet: 768px;
	--bp-desktop: 1025px;

	--container: 1140px; /* verify against kit container_width before first conversion */
}