:root{
--slate-900:#16232b;--slate-700:#2f4d5e;--slate-600:#3c5f72;--slate-500:#547083;--slate-300:#9db0ba;--slate-200:#c9d3d6;--slate-100:#e6ebec;
--moss-900:#2b3320;--moss-700:#5c6e3f;--moss-600:#71844e;--moss-400:#8a9a63;--moss-200:#c9cdb4;--moss-100:#e3e6d6;
--cream-050:#faf7f0;--cream-100:#f4f1ea;--cream-200:#ece6d8;
--ink-900:#1c2420;--ink-700:#3a4038;--ink-500:#5c6058;--ink-300:#8b8f86;
--white:#ffffff;
--color-bg-page:var(--cream-100);--color-bg-surface:var(--cream-050);--color-bg-surface-raised:var(--white);
--color-bg-inverse:var(--slate-900);--color-bg-inverse-2:var(--moss-900);
--color-text-primary:var(--ink-900);--color-text-secondary:var(--ink-500);--color-text-muted:var(--ink-300);
--color-text-on-inverse:var(--cream-050);--color-text-on-inverse-muted:var(--slate-200);
--color-brand-primary:var(--slate-700);--color-brand-primary-hover:var(--slate-600);--color-brand-primary-active:var(--slate-900);
--color-brand-secondary:var(--moss-700);--color-brand-secondary-hover:var(--moss-600);--color-brand-secondary-active:var(--moss-900);
--color-border-subtle:var(--cream-200);--color-border-strong:var(--ink-700);--color-border-brand:var(--slate-700);
--color-link:var(--slate-700);--color-link-hover:var(--slate-900);
--color-focus-ring:var(--moss-600);
}