:root{
--eagle-green:#115361;
--sea-green:#3C8F5B;
--golden-yellow:#E9C83B;
--near-black:#0E1512;
--warm-white:#F5F4F0;
--warm-grey:#5C5852;
--pale-sand:#D6D3CA;
--white:#FFFFFF;
--signal-orange:#FF4B00;
--signal-red:#B5262C;
--signal-blue:#0B6BDB;

--bg-page:var(--near-black);
--bg-surface:oklch(from var(--near-black) calc(l + 0.035) c h);
--bg-surface-raised:oklch(from var(--near-black) calc(l + 0.06) c h);
--bg-light:var(--warm-white);
--bg-light-surface:var(--white);

--text-primary:var(--warm-white);
--text-secondary:oklch(from var(--warm-white) l c h / 0.62);
--text-muted:oklch(from var(--warm-white) l c h / 0.4);
--text-on-light:var(--near-black);
--text-on-light-secondary:var(--warm-grey);

--border-hairline:oklch(from var(--warm-white) l c h / 0.12);
--border-hairline-light:oklch(from var(--near-black) l c h / 0.12);

--accent-primary:var(--eagle-green);
--accent-secondary:var(--sea-green);
--accent-highlight:var(--golden-yellow);

--success:var(--sea-green);
--warning:var(--signal-orange);
--error:var(--signal-red);
--info:var(--signal-blue);

--glass-bg:oklch(from var(--warm-white) l c h / 0.06);
--glass-bg-strong:oklch(from var(--warm-white) l c h / 0.1);
--glass-border:oklch(from var(--warm-white) l c h / 0.14);
}