:root{
--color-petrol:#173F43;
--color-petrol-700:#123134;
--color-petrol-500:#1F4F54;
--color-graphite:#252829;
--color-ivory:#F4F0E8;
--color-copper:#B66A3C;
--color-copper-600:#9C5730;
--color-copper-100:#F0DFD3;
--color-sage:#879B91;
--color-sage-100:#E4E9E6;
--color-warmwhite:#FCFBF8;
--color-black:#14171A;

--surface-page:var(--color-ivory);
--surface-card:var(--color-warmwhite);
--surface-inverse:var(--color-petrol);
--surface-inverse-2:var(--color-graphite);
--surface-sunken:#EAE4D6;

--text-primary:var(--color-graphite);
--text-secondary:#54605C;
--text-muted:#7C8A85;
--text-inverse:var(--color-warmwhite);
--text-inverse-muted:#B7C4C0;
--text-accent:var(--color-copper);

--accent:var(--color-copper);
--accent-hover:var(--color-copper-600);
--accent-soft:var(--color-copper-100);

--border-subtle:#E1D9C8;
--border-strong:#C9BFA9;
--border-inverse:rgba(252,251,248,0.18);

--focus-ring:var(--color-copper);
}