:root{
--brown-950:#241811;
--brown-900:#38271b;
--brown-800:#4f3624;
--brown-700:#6b4a30;
--brown-600:#8a6a4c;
--brown-500:#a1815f;
--brown-400:#bd9d7c;
--brown-300:#d6bd9d;
--brown-200:#e8d7bf;
--brown-100:#f2e6d3;
--brown-50:#faf3e8;
--cream:#fdf8f0;
--white:#ffffff;
--black:#161009;
--gold-600:#a3792f;
--gold-500:#c39a4a;
--gold-400:#d9b876;
--gold-100:#f3e6c8;

--color-bg-page:var(--cream);
--color-bg-section-dark:var(--brown-950);
--color-surface-card:var(--white);
--color-surface-sunken:var(--brown-100);
--color-text-primary:var(--brown-950);
--color-text-secondary:var(--brown-700);
--color-text-muted:var(--brown-500);
--color-text-inverse:var(--cream);
--color-text-inverse-muted:var(--brown-300);
--color-accent:var(--brown-700);
--color-accent-hover:var(--brown-900);
--color-accent-text:var(--cream);
--color-border-subtle:var(--brown-200);
--color-border-strong:var(--brown-600);
--color-link:var(--brown-700);
--color-link-hover:var(--brown-950);
}