/* Design tokens + fonts so the ported main.css works under Hello Elementor
   (no theme.json here, so we define the --wp--preset--* vars manually). */
@font-face { font-family: 'Anton'; src: url(../fonts/anton-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Archivo'; src: url(../fonts/archivo-latin-wght-normal.woff2) format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url(../fonts/inter-latin-wght-normal.woff2) format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
	--wp--preset--color--navy: #16344F;
	--wp--preset--color--ink: #0B2034;
	--wp--preset--color--blue: #5E7E96;
	--wp--preset--color--blue-deep: #3E5E78;
	--wp--preset--color--coral: #C04618;
	--wp--preset--color--slate: #5E6E7E;
	--wp--preset--color--line: #D8CBA6;
	--wp--preset--color--white: #FFFFFF;
	--wp--preset--color--paper: #ECDEB8;
	--wp--preset--color--paper-deep: #E0CF9F;
	--wp--preset--color--brick: #C04618;
	--wp--preset--color--gold: #ECDEB8;
	--wp--preset--color--skyblue: #8FA9BC;
	--wp--preset--color--teal: #1E6E7A;
	--wp--preset--color--sky: #EAF1FF;
	--wp--preset--font-family--display: Anton, Impact, 'Arial Narrow', sans-serif;
	--wp--preset--font-family--heading: Archivo, 'Helvetica Neue', Arial, sans-serif;
	--wp--preset--font-family--body: Inter, 'Helvetica Neue', Arial, sans-serif;
	--wp--preset--spacing--20: clamp(0.75rem, 1.5vw, 1rem);
	--wp--preset--spacing--30: clamp(1rem, 2vw, 1.5rem);
	--wp--preset--spacing--40: clamp(1.5rem, 3vw, 2.5rem);
	--wp--preset--spacing--50: clamp(2.5rem, 5vw, 4rem);
	--wp--preset--spacing--60: clamp(4rem, 8vw, 6.5rem);
	--wp--preset--spacing--70: clamp(5rem, 11vw, 9rem);
	--wp--preset--font-size--small: 0.875rem;
	--wp--preset--font-size--medium: clamp(1rem, 1.125rem, 1.125rem);
	--wp--preset--font-size--large: clamp(1.25rem, 1.5vw, 1.5rem);
	--wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.5rem);
	--wp--preset--font-size--xx-large: clamp(2.5rem, 5vw, 4rem);
	--wp--preset--font-size--huge: clamp(3rem, 7vw, 6.5rem);
	--wp--preset--font-size--mega: clamp(3.75rem, 9vw, 9rem);
}

/* Base typography on the cream canvas */
html { scroll-behavior: smooth; }
body {
	font-family: var(--wp--preset--font-family--body);
	color: var(--wp--preset--color--navy);
	background-color: var(--wp--preset--color--paper);
	font-size: clamp(1.05rem, 0.62rem + 0.9vw, 1.18rem);
	line-height: 1.72;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 { font-family: var(--wp--preset--font-family--heading); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: var(--wp--preset--color--navy); }
a { color: var(--wp--preset--color--blue); text-decoration: none; }