/*
 * Project one-offs that sit outside the ACSS 4 system (docs/design-direction.md, token map).
 * Loaded after ACSS so ACSS vars are available. Never redefine an ACSS token here.
 */

:root {
	/* Client-requested blob orange, outside the palette; also the brand gradient's end stop. */
	--aur-blob-orange: #ff9620;

	/* Logo and highlighted contour line. Stops are the logo's own colours, not palette tokens.
	   go.aurras: stops split out so the sound-rings SVG can reference them (keep aurras-etch in sync). */
	--aur-brand-pink: #ff0ba8;
	--aur-brand-red: #ff1c25;
	--aur-gradient-brand: linear-gradient(90deg, var(--aur-brand-pink) 0%, var(--aur-brand-red) 44.72%, var(--aur-blob-orange) 100%);

	/* 8% hairline; ACSS's --border-color-dark is the 20% counterpart. */
	--aur-border-hairline: color-mix(in srgb, var(--black) 8%, transparent);

	/* Hero portrait arch (top corners) only. --radius stays 0 everywhere else. */
	--aur-radius-arch: 22rem;

	/* Uppercase label tracking (fact labels, session status, step times). ACSS has no tracking token. */
	--aur-label-tracking: 0.1em;
}