/* ML Aquatics design tokens.
   Two colour themes, chosen explicitly via <html data-theme="white|blue"> (Customizer).
   The site never follows the OS dark mode. Brand blue comes from the logo SVG (#004385). */

@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
 src:url("../fonts/manrope-latin.woff2") format("woff2");
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
 src:url("../fonts/manrope-latin-ext.woff2") format("woff2");
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
	/* brand (shared by both themes) */
	--sea:#004385;          /* primary blue: buttons, blue sections, header */
	--sea-rgb:0,67,133;
	--sea2:#0B559C;         /* hover */
	--deep:#062A4E;         /* darkest blue (overlays) */
	--deep-rgb:6,42,78;
	--gold:#B79A5E;         /* hairlines, accents (assumed until brand colours are confirmed) */
	--gold-l:#E3CE9A;       /* gold on dark backgrounds */
	--ok:#2E9E6B;
	--err:#B3472B;

	/* surfaces and text: white theme */
	--bg:#FFFFFF;
	--ink:#17252E;
	--mut:#5A656B;
	--line:#E2E8EE;
	--surface:#F1F5F8;
	--card:#FFFFFF;
	--gold-t:#8A6F36;       /* gold for small text on light (4.5:1) */

	--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
	--ease:cubic-bezier(.2,.8,.2,1);
	--wrap:1280px;
	--gut:clamp(18px, calc(12px + 1.1vw), 28px);
	--nav-h:78px;
	color-scheme:light;
}
:root[data-theme="blue"]{
	--bg:#0a1822;
	--ink:#ECE7DA;
	--mut:#9AA8B1;
	--line:#1e3343;
	--surface:#10283a;
	--card:#10283a;
	--gold-t:#D9C089;
	color-scheme:dark;
}