@font-face {
	font-family: "Inter";
	src: url("/fonts/inter-400-latin.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("/fonts/inter-500-latin.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("/fonts/inter-600-latin.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("/fonts/inter-700-latin.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("/fonts/inter-900-latin.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/*
	ATI marketing tokens — chrome slice.
	Official colours from ATI-Logo-Colour-Sheet.pdf and ATI-Brand-Development-Colours.pdf:
	ATI Blue / Navy Pantone 539C #001c3c, ATI Green Pantone 376C #8dc641.
	--industry-accent is a stub; per-industry HEX and imagery come later from
	ATI-Brand-Development-Colours.pdf and ATI-Brand-Development-Industries.pdf (courses.css).
*/
:root {
	--color-navy: #001c3c;
	--color-navy-deep: #000d18;
	--color-navy-mid: #0a2a4d;
	/* Utility bar: live/stg treatment — #0066b2 → navy, 135deg (distinct from mega row) */
	--color-utility-from: #0066b2;
	--color-utility-mid: #0a3d66;
	--color-utility-to: #001c3c;
	--color-green: #8dc641;
	/*
		CTA fill — live www.atiaustralia.edu.au buttons use #82ac2b
		with no second-colour border. Fill and any leftover border token
		must stay the same colour so a halo cannot appear.
	*/
	--color-green-cta: #82ac2b;
	--color-green-hover: #6f941f;
	--color-green-logo: #8dc641;
	/*
		Promo orange — sampled from live Apply for Funding / Apply for RPL
		CTAs (~#f39200). Promotional tags and pathway buttons only.
		Do not use for Enrol / primary green CTAs.
	*/
	--ati-promo-orange: #e67e00;
	--ati-promo-orange-hover: #cc6e00;
	--color-promo-orange: var(--ati-promo-orange);
	--color-surface: #f7f4ee;
	--color-surface-bright: #ffffff;
	--color-text: #001c3c;
	--color-text-on-dark: #ffffff;
	--color-muted: #5b6b7c;
	--color-muted-on-dark: rgba(255, 255, 255, 0.72);
	--color-line: rgba(255, 255, 255, 0.14);
	--color-line-strong: rgba(255, 255, 255, 0.28);
	--color-hairline: rgba(255, 255, 255, 0.55);
	--color-menu-line: #e6e8eb;
	--industry-accent: var(--color-green);

	--font-sans: Inter, Helvetica, Arial, Lucida, sans-serif;

	--fs-xs: 0.75rem;
	--fs-sm: 0.8125rem;
	--fs-md: 0.9375rem;
	--fs-lg: 1.05rem;
	--fs-xl: 1.35rem;
	--fs-2xl: 1.75rem;
	--lh-tight: 1.15;
	--lh-body: 1.5;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;

	--radius-sm: 0.375rem;
	--radius-md: 0.5rem;
	--radius-lg: 0.75rem;
	/* 5px measured from stg header Enrol Now, mobile menu CTAs, Send Enquiry, subscribe row */
	--radius-cta: 5px;
	--radius-pill: 999px;

	--btn-height: 2.5rem;
	--btn-height-lg: 3.05rem;
	--utility-h: 3.75rem;
	--mainbar-h: 5.75rem;
	--logo-overlap: 1.85rem;
	--header-h: 9.5rem;
	--header-h-scrolled: 3.45rem;
	--z-chat: 70;
	--chat-fab: 3.6rem;
	--header-h-mobile: 5.375rem;
	--enrol-bar-h: 4.125rem;
	--container: 74rem;
	/* stg Divi header row: max-width 1080px, centered */
	--header-shell: 1080px;
	/* Courses mega matches the locked header content shell */
	--mega-shell: 1080px;
	--gutter: 1.15rem;
	--shadow-header: 0 8px 24px -16px rgba(0, 13, 31, 0.55);
	--ease: 0.2s ease;
	--z-header: 80;
	--z-overlay: 90;
	--z-search: 100;
	--z-cart: 110;
	--overlay-close: 2.75rem;
}