/**
 * Nuvobrix design tokens.
 *
 * These mirror the approved homepage mockup exactly. They exist as a
 * fallback/utility layer for markup the Elementor Style controls don't
 * reach (e.g. the blueprint grid lines, corner crosshairs) — they are NOT
 * a substitute for wiring widget color/typography controls to Elementor's
 * own Global Colors and Global Fonts, which every standard Color and
 * Typography control in this system already supports natively via the
 * "globe" icon in the Elementor panel.
 *
 * If a Global Color's hex value is changed in Elementor, update the
 * matching token below to keep the two in sync.
 */

:root {
	--nuvobrix-paper: #F2F4F9;
	--nuvobrix-paper-2: #E7EAF3;
	--nuvobrix-ink: #020C49;
	--nuvobrix-ink-70: rgba(2, 12, 73, .72);
	--nuvobrix-ink-50: rgba(2, 12, 73, .52);
	--nuvobrix-ink-30: rgba(2, 12, 73, .28);
	--nuvobrix-line: rgba(2, 12, 73, .14);
	--nuvobrix-line-strong: rgba(2, 12, 73, .24);
	--nuvobrix-signal: #0554F4;
	--nuvobrix-signal-dim: #3B6DF0;
	--nuvobrix-signal-soft: #E4EAFD;
	--nuvobrix-dark: #020C49;
	--nuvobrix-dark-2: #071661;
	--nuvobrix-dark-line: rgba(242, 244, 249, .16);
	--nuvobrix-dark-ink-70: rgba(242, 244, 249, .72);
	--nuvobrix-dark-ink-50: rgba(242, 244, 249, .5);

	--nuvobrix-font-display: 'Bricolage Grotesque', 'Archivo', sans-serif;
	--nuvobrix-font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
	--nuvobrix-font-mono: 'IBM Plex Mono', 'Courier New', monospace;

	--nuvobrix-max-width: 1280px;
	--nuvobrix-gutter: clamp(20px, 5vw, 64px);
	--nuvobrix-radius: 3px;
}