/*
 * The two looks of the new home page (BLUE = look A, BLACK = look B), the colour tokens the SHARED header and footer read, on every page.
 *
 * Look B (BLACK, ink and sand) is :root, so a browser without script, a crawler, and every visitor before the look test's day 0 get it. Look A (BLUE, navy and white) is
 * :root[data-look="A"]; the head script of inc/ceo-look.php sets the attribute before the first stylesheet, so there is no flash.
 *
 * These ten tokens are the only ones css/header-footer.css reads (--navy --acc --txt --mut --card --sand --line2 --link --hdr-row --g-dark). Every other token of the two looks
 * (gradients, picture grades, type) is home-only and lives in css/home.css; each token is defined in exactly ONE of the two files per look. Values are the round-2 design's, copied
 * from build/premium-previews_2026-10-23/home/index.html lines 12-62 (look B) and 65-98 (look A).
 *
 * Kept whole by the optimisers (inc/ceo-look.php: used-CSS, minify and combine exclusions): the served HTML never carries data-look (the script sets it), so a "used CSS" pass
 * would otherwise strip the look-A block. No selector in css/header-footer.css names data-look; only this file and css/home.css do.
 */
:root {
	--navy: #10141c;
	--link: #10141c;
	--hdr-row: #fbf8f3;
	--acc: #f99940;
	--txt: #2c3038;
	--mut: #51493f;
	--line2: rgba(16, 20, 28, .18);
	--card: #fffdf9;
	--sand: #f6f1ea;
	--g-dark: radial-gradient(70% 60% at 50% 115%, rgba(249, 153, 64, .28) 0%, rgba(249, 153, 64, 0) 60%), radial-gradient(60% 80% at 0% 0%, #1d2430 0%, rgba(29, 36, 48, 0) 60%), #10141c;
}

:root[data-look="A"] {
	--navy: #0b2a5b;
	--link: #1557b0;
	--hdr-row: #ffffff;
	--acc: #f7941d;
	--txt: #1d2940;
	--mut: #4a5670;
	--line2: rgba(11, 42, 91, .20);
	--card: #ffffff;
	--sand: #f3f6fb;
	--g-dark: radial-gradient(60% 70% at 78% 30%, rgba(247, 148, 29, .20) 0%, rgba(247, 148, 29, 0) 60%), radial-gradient(70% 80% at 12% 90%, #1c4a8f 0%, rgba(28, 74, 143, 0) 65%), radial-gradient(120% 90% at 50% 0%, #123a78 0%, #0b2a5b 55%, #071d40 100%);
}
