/*
 * Design tokens. Values taken from the Automatic.css output the Bricks site used
 * (wp-content/uploads/automatic-css/automatic-variables.css), names kept so ported
 * styles read the same. Root font-size is 62.5% → 1rem = 10px.
 */
:root {
	/* Colours */
	--primary: #0087ff;
	--primary-hover: #2499ff;
	--primary-light: #b3dbff;
	--primary-ultra-light: #e6f3ff;
	--primary-dark: #004480;
	--secondary: #0c1221;
	--base: #21386e;
	--base-hover: #26407e;
	--base-dark: #1d3262;
	--base-light: #c4d0ed;
	--base-ultra-light: #ebeff9;
	--base-ultra-dark: #0c1427;
	--accent: #eaac8b;
	--action: #ff002f;
	--white: #fff;
	--black: #000;
	--muted: rgba(12, 18, 33, 0.44);
	--crumb: rgba(33, 56, 110, 0.61);
	--text-faded: rgba(12, 18, 33, 0.45); /* post dates, "Dalīties" */
	--ink: #000;                         /* Bricks post-content text colour */
	--surface-blue: #e5eff9;
	--line-blue: #9bcbeb;
	--shadow-card: 0 4px 50px 0 rgba(33, 56, 110, 0.13);
	--shadow-header: 0 4px 10px 0 rgba(33, 56, 110, 0.16);

	/* Typography */
	--font-sans: "Mulish", sans-serif;
	--text-xs: clamp(1.3rem, calc(0.0925925926vw + 1.2703703704rem), 1.4rem);
	--text-s: clamp(1.4rem, calc(0.1851851852vw + 1.3407407407rem), 1.6rem);
	--text-m: clamp(1.6rem, calc(0.1851851852vw + 1.5407407407rem), 1.8rem);
	--text-l: clamp(1.92rem, calc(0.4438888889vw + 1.7779555556rem), 2.3994rem);
	--h1: clamp(2.7648rem, calc(3.69vw + 1.584rem), 6.75rem);
	--h2: clamp(2.304rem, calc(2.0333333333vw + 1.6533333333rem), 4.5rem);
	--h3: clamp(1.92rem, calc(1vw + 1.6rem), 3rem);
	--h4: clamp(1.6rem, calc(0.3703703704vw + 1.4814814815rem), 2rem);
	--heading-line-height: 1.2;
	/* ACSS calc(8px + 2ex) measured with the production font files: 24px at 18px, 22.12px at 16.13px. */
	--body-line-height: calc(1em + 6px);

	/* Spacing */
	--space-xs: clamp(1.3333333333rem, calc(-0.0160573332vw + 1.3558135998rem), 1.3506752532rem);
	--space-s: clamp(1.8004501125rem, calc(0.1847684143vw + 1.7413242199rem), 2rem);
	--space-m: clamp(2.4rem, calc(0.5555555556vw + 2.2222222222rem), 3rem);
	--space-l: clamp(3.1992rem, calc(1.2044444444vw + 2.8137777778rem), 4.5rem);
	--space-xl: clamp(4.2645336rem, calc(2.3013577778vw + 3.5280991111rem), 6.75rem);
	--section-space-s: clamp(3.6009002251rem, calc(2.2213886805vw + 2.8900558473rem), 6rem);
	--space-xxl: clamp(5.6846232888rem, calc(4.1114599178vw + 4.3689561151rem), 10.125rem);
	--section-space-m: clamp(4.8rem, calc(3.8888888889vw + 3.5555555556rem), 9rem);
	--section-space-xl: clamp(8.5290672rem, calc(10.8527155556vw + 5.0561982222rem), 20.25rem);
	--content-gap: var(--space-m);

	/* Layout */
	--content-width: 140rem;
	--width-l: calc(var(--content-width) * 0.6);  /* 84rem, ACSS width--l */
	--width-xl: calc(var(--content-width) * 0.8); /* 112rem, ACSS width--xl */
	--site-width: 1440px;
	--header-scrolled-width: 1393px;
	--gutter: clamp(1.6rem, calc(4.0740740741vw + 0.2962962963rem), 6rem);
	--radius-s: 10px;
	--radius-l: 20px;
	--header-height: 10.6rem;
}