@font-face {
	font-family: "Archivo Rush";
	src: url("../fonts/Archivo-Regular.woff2") format("woff2"), url("../fonts/Archivo-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Archivo Rush Condensed";
	src: url("../fonts/Archivo_Condensed-Bold.woff2") format("woff2"), url("../fonts/Archivo_Condensed-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Archivo Rush Condensed";
	src: url("../fonts/Archivo_Condensed-Black.woff2") format("woff2"), url("../fonts/Archivo_Condensed-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--rush-ink: #10100e;
	--rush-carbon: #080808;
	--rush-carbon-soft: #15130f;
	--rush-paper: #fbfaf4;
	--rush-paper-warm: #f7f0df;
	--rush-paper-cool: #eef5f1;
	--rush-gold: #ffc326;
	--rush-gold-deep: #de8a08;
	--rush-gold-text: #8a5500; /* AA gold for TEXT on light surfaces (5.9:1 on paper); gold-deep is 2.6:1 — fills only */
	--rush-gold-soft: #ffe6a8;
	--rush-sage: #cbd9cb;
	--rush-ice: #dfeef1;
	--rush-line: rgba(16, 16, 14, 0.14);
	--rush-radius: 8px;
	--rush-max-width: 1220px;
	/* Opt out of browser auto-darkening (Chrome/Samsung force-dark) — the light
	   "white browsing" surface is brand doctrine; dark is chrome bookends only. */
	color-scheme: only light;
}

body {
	background: var(--rush-paper);
	color: var(--rush-ink);
	font-family: "Archivo Rush", "Helvetica Neue", sans-serif;
	text-wrap: pretty;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.rush-display {
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
	letter-spacing: 0;
}

a {
	text-underline-offset: 0.18em;
}

.rush-button,
.bricks-button {
	border-radius: var(--rush-radius);
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
	letter-spacing: 0;
}

.rush-dark-surface {
	background-color: var(--rush-carbon);
	background-image: linear-gradient(rgba(8, 8, 8, 0.94), rgba(8, 8, 8, 0.98)), url("../img/rush-black-grain.png");
	background-position: center;
	background-size: cover;
	color: #fff;
}

.rush-gold-ticker {
	background: var(--rush-gold);
	color: var(--rush-carbon);
	font-family: "Archivo Rush Condensed", "Helvetica Neue", sans-serif;
	font-weight: 900;
}

.rush-light-texture {
	background-color: var(--rush-paper);
	background-image: linear-gradient(rgba(251, 250, 244, 0.92), rgba(251, 250, 244, 0.98)), url("../img/rush-white-gold.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.rush-container {
	width: min(100% - 32px, var(--rush-max-width));
	margin-inline: auto;
}

@media (max-width: 680px) {
	.rush-container {
		width: min(100% - 24px, var(--rush-max-width));
	}
}

/* App-shell: native-feel cross-page transitions (progressive; ignored where unsupported). */
@view-transition { navigation: auto; }
