/* First Avenue 2026 production design-system foundation. */

@font-face {
	font-family: "Helvetica Neue LT Std";
	src: url("../../fonts/HelveticaNeue-Light.woff2") format("woff2"),
		url("../../fonts/HelveticaNeue-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Helvetica Neue LT Std";
	src: url("../../fonts/HelveticaNeue-Medium.woff2") format("woff2"),
		url("../../fonts/HelveticaNeue-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Helvetica Neue LT Std";
	src: url("../../fonts/HelveticaNeue-Bold.woff2") format("woff2"),
		url("../../fonts/HelveticaNeue-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {

	/* Brand colours */
	--fa-ink-black: #1c1d1f;
	--fa-graphite: #4a4c50;
	--fa-fog-blue: #a4b3bf;
	--fa-gunmetal: #aeaeb3;
	--fa-porcelain: #ecedee;
	--fa-deep-slate: #2e3a42;
	--fa-slate-green: #4f5d5c;
	--fa-steel-blue: #3a586c;
	--fa-slate-violet: #61617a;
	--fa-sage-green: #8f9e8b;
	--fa-paper: #f5f5f6;

	/* Typography */
	--font-sans: "Helvetica Neue LT Std", "Helvetica Neue", helvetica, arial, sans-serif;
	--weight-light: 300;
	--weight-bold: 700;
	--text-body: 1rem;
	--leading-normal: 1.5;

	/* Borders and corners */
	--border-inverse: color-mix(in oklab, var(--fa-gunmetal) 30%, transparent);
	--radius-sm: 4px;
	--radius-md: 6px;

	/* Motion */
	--ease-standard: cubic-bezier(0.2, 0, 0.1, 1);
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--duration-fast: 120ms;
	--duration-normal: 220ms;
	--duration-slow: 380ms;
}

.fa-overline {
	color: var(--fa-steel-blue);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}