/* Shared color tokens. Presentation rules belong to their component stylesheets. */

:root {
	--az-midnight: #080c14;
	--az-ink: #0f1726;
	--az-ink-elevated: #1a2436;
	--az-slate: #5a6880;
	--az-mist: #a7b6c9;
	--az-paper: #f6f7f9;
	--az-sand: #f3f1ec;
	--az-brass: #c79a4e;
	--az-brass-deep: #8a5a17;
	--az-signal-blue: #1f5fd1;
	--az-positive: #1f7a5a;
	--az-warning: #b54708;
	--az-critical: #b42318;
	--az-black: var(--az-midnight);
	--az-text: var(--az-ink);
	--az-muted: var(--az-slate);
	--az-navy: var(--az-ink-elevated);
	--az-blue: var(--az-signal-blue);
	--az-indigo: var(--az-signal-blue);
	--az-violet: var(--az-signal-blue);
	--az-magenta: var(--az-brass);
	--az-lavender: var(--az-paper);
	--az-lightgray: var(--az-paper);
	--az-border: var(--az-mist);
	--az-white: var(--az-paper);
	--az-surface: var(--az-paper);
	--az-black-04: rgb(15 23 38 / 0.04);
	--az-black-08: rgb(15 23 38 / 0.08);
	--az-black-12: rgb(15 23 38 / 0.12);
	--az-black-20: rgb(15 23 38 / 0.2);
	--az-black-72: rgb(15 23 38 / 0.72);
	--az-white-16: rgb(246 247 249 / 0.16);
	--az-white-72: rgb(246 247 249 / 0.72);
	--az-white-92: rgb(246 247 249 / 0.92);
	--az-indigo-20: rgb(31 95 209 / 0.2);
	--az-indigo-36: rgb(31 95 209 / 0.36);
	--az-shadow-sm: 0 12px 28px rgb(15 23 38 / 0.08);
	--az-shadow-lg: 0 28px 72px rgb(15 23 38 / 0.14);
}