:root{
--color-concrete:#17171A;
--color-mid-gray:#4A4844;
--color-film-gray:#8A867C;
--color-bone:#E4E0D3;
--color-deep-green:#598435;
--color-toxic-green:#A6CE41;
--color-white:#FFFFFF;
--color-surface-raised:#211F22;
--color-border:#3A3934;

--bg-page:var(--color-concrete);
--bg-surface:var(--color-surface-raised);
--bg-surface-alt:var(--color-mid-gray);
--bg-inverse:var(--color-bone);

--text-primary:var(--color-bone);
--text-muted:var(--color-film-gray);
--text-inverse:var(--color-concrete);
--text-on-accent:var(--color-concrete);

--border-subtle:var(--color-border);
--border-strong:var(--color-film-gray);

--accent:var(--color-toxic-green);
--accent-deep:var(--color-deep-green);
--accent-contrast:var(--color-concrete);

--link:var(--color-toxic-green);
--link-hover:var(--color-bone);
}