/*
 * Design tokens, ported verbatim from design_reference/design_handoff_figure_academy/README.md's
 * colour/type/spacing table. The .dc.html files are the source of truth for exact hex values —
 * see docs/ARCHITECTURE.md for why these differ slightly from the PRD's brand section.
 */

:root {
	--fa-navy: #0f1b33;
	--fa-navy-hover: #1c2c4d;
	--fa-orange: #e8701a;
	--fa-orange-hover: #cf5f10;
	--fa-orange-tint: #fdf1e6;
	--fa-orange-text: #a34f0a;
	--fa-white: #ffffff;
	--fa-bg: #fbfbfc;
	--fa-panel: #f4f6f9;
	--fa-border: #e9ebf0;
	--fa-divider: #f0f1f5;
	--fa-chip: #eef0f5;
	--fa-body: #4a5468;
	--fa-muted: #626b7e;
	--fa-mid: #39445a;
	--fa-success: #2f7a4d;
	--fa-success-bg: #e8f4ec;
	--fa-danger: #b4341f;
	--fa-on-navy: #c8d0df;
	--fa-on-navy-muted: #b9c2d4;

	--fa-radius-card: 18px;
	--fa-radius-control: 12px;
	--fa-radius-pill: 100px;

	--fa-font-display: 'Manrope', sans-serif;
	--fa-font-tagline: 'Playfair Display', serif;
	--fa-font-body: 'Inter', system-ui, sans-serif;
	--fa-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}