/* Tokens — alias the design's short custom-property names to the theme.json
   presets so switching the V1/V2 style variation reskins every block for free. */
:root{
	--bg:var(--wp--preset--color--base);
	--gray:var(--wp--preset--color--band-gray);
	--blue:var(--wp--preset--color--band-blue);
	--card:var(--wp--preset--color--surface);
	--ink:var(--wp--preset--color--ink);
	--navy:var(--wp--preset--color--navy);
	--muted:var(--wp--preset--color--muted);
	--accent:var(--wp--preset--color--accent);
	--accent-deep:var(--wp--preset--color--accent-deep);
	--accent-soft:var(--wp--preset--color--accent-soft);
	--amber:var(--wp--preset--color--amber);
	--line:var(--wp--preset--color--line);
	--line-soft:var(--wp--preset--color--line);
	--ph:var(--wp--preset--color--placeholder);
	--wa:var(--wp--preset--color--whatsapp);
	--r-lg:var(--wp--custom--radius--lg,28px);
	--r-md:var(--wp--custom--radius--md,20px);
	--r-sm:var(--wp--custom--radius--sm,14px);
	--maxw:var(--wp--custom--max-width--content,1360px);
	--maxw-nav:var(--wp--custom--max-width--nav,1180px);
	/* fonts */
	--f-display:var(--wp--preset--font-family--display,"Archivo",sans-serif);
	--f-body:var(--wp--preset--font-family--body,"Inter",sans-serif);
	--f-mono:var(--wp--preset--font-family--mono,"JetBrains Mono",monospace);
}

/* V2 "Spotlight" fixed design tokens. V2 is a single fixed design (dark shell +
   light content bands), NOT a skinnable palette, so its blocks use these
   prefixed vars with literal values rather than the flippable V1 tokens. */
:root{
	--v2-bg:#0F1319;
	--v2-bg2:#0A0D12;
	--v2-fg:#EDF1F6;
	--v2-fg-dim:rgba(237,241,246,0.66);
	--v2-white:#FFFFFF;
	--v2-blue:#E6EEF7;
	--v2-gray:#ECEEF2;
	--v2-ink:#191A20;
	--v2-muted:#5C6570;
	--v2-navy:#14273E;
	--v2-accent:#2F6DB5;
	--v2-accent-deep:#245A97;
	--v2-accent-soft:#A9CBEE;
	--v2-line-d:rgba(237,241,246,0.14);
	--v2-line-l:#D8DEE7;
	--v2-ph:#C9D2DD;
	--v2-amber:#D2870B;
}

/* V2 "Spotlight" dark skin — applied per-page via the body.theme-v2 class
   (added by inc/setup.php for V2 templates), so V1 pages stay light and V2
   pages render dark at the same time. Remaps the design tokens; every block
   reads these vars, so the whole page flips coherently. */
body.theme-v2{
	--bg:#0F1319;
	--gray:#0F1319;
	--blue:#131A24;
	--card:#171F29;
	--ink:#EDF1F6;
	--navy:#0A0D12;
	--muted:rgba(237,241,246,0.66);
	--accent:#2F6DB5;
	--accent-deep:#6AA6E0;
	--accent-soft:#A9CBEE;
	--line:rgba(237,241,246,0.14);
	--line-soft:rgba(237,241,246,0.14);
	--ph:#243040;
	--nav-bg:rgba(18,26,38,0.82);
}