:root{
--color-cream:#F8F1E3;
--color-white:#FFFDF7;
--color-maroon:#7A2E2E;
--color-green:#3F5B3A;
--color-gold:#C98A24;
--color-brown:#5A3E2B;
--color-charcoal:#29251F;
--color-maroon-dark:#5E2222;
--color-maroon-light:#9A4A4A;
--color-green-light:#6B8563;
--color-gold-light:#E0AE5C;
--surface-page:var(--color-cream);
--surface-panel:var(--color-white);
--surface-inverse:var(--color-charcoal);
--surface-brand:var(--color-maroon);
--text-primary:var(--color-charcoal);
--text-secondary:#5A5347;
--text-inverse:var(--color-white);
--text-on-brand:var(--color-white);
--text-brand:var(--color-maroon);
--text-accent:var(--color-gold);
--border-subtle:rgba(41,37,31,0.12);
--border-strong:rgba(41,37,31,0.22);
--border-brand:var(--color-maroon);
--action-primary-bg:var(--color-maroon);
--action-primary-bg-hover:var(--color-maroon-dark);
--action-primary-text:var(--color-white);
--action-secondary-bg:transparent;
--action-secondary-border:var(--color-maroon);
--action-secondary-text:var(--color-maroon);
--action-secondary-bg-hover:rgba(122,46,46,0.06);
--focus-ring:var(--color-gold);
}