/**
 * TAF 2026 — color tokens
 * Brand palette from Figma: TAF Site Refresh 2025
 */

:root {
	/* Brand */
	--taf-blue: #002a57;
	--taf-orange: #f15d22;
	--taf-teal: #069ebf;
	--taf-gold: #b5a811;
	--taf-green: #2eeb20;
	--taf-lc3: #00a493;

	/* Neutrals */
	--taf-white: #ffffff;
	--taf-light: #f1f2f2;
	--taf-grey-1: #e6e6e6;
	--taf-grey-2: #939598;
	--taf-grey-border: #c8c8c8;

	/* Semantic aliases — prefer these in new CSS */
	--color-text: var(--taf-blue);
	--color-text-muted: var(--taf-grey-2);
	--color-text-inverse: var(--taf-white);
	--color-border: var(--taf-grey-1);
	--color-border-strong: var(--taf-grey-border);
	--color-surface: var(--taf-white);
	--color-surface-muted: var(--taf-light);
	--color-accent: var(--taf-orange);
	--color-highlight: var(--taf-teal);
	--color-focus: var(--taf-orange);

	/* Tints */
	--color-teal-10: rgba(6, 158, 191, 0.1);
	--color-teal-20: rgba(6, 158, 191, 0.2);
	--color-white-20: rgba(255, 255, 255, 0.2);
	--color-footer-border: rgba(241, 242, 242, 0.2);
}