:root{
--color-brown-700:#7a3209;
--color-brown-600:#8f3a0b;
--color-brown-500:#AA470F;
--color-brown-400:#c2611f;
--color-brown-300:#d98a4f;
--color-gold-600:#c8862a;
--color-gold-500:#EDA43A;
--color-gold-400:#f0b661;
--color-gold-300:#f4cd8f;
--color-navy-700:#12262e;
--color-navy-600:#18313b;
--color-navy-500:#1F3C48;
--color-navy-400:#33586a;
--color-charcoal-600:#232323;
--color-charcoal-500:#343535;
--color-charcoal-400:#5a5b5c;
--color-gray-300:#c9c9c9;
--color-gray-200:#E6E6E6;
--color-gray-100:#f2f2f2;
--color-cream-500:#F8F1B7;
--color-cream-400:#faf5cd;
--color-white:#FFFFFF;
--color-black:#141414;
--surface-page:var(--color-white);
--surface-card:var(--color-white);
--surface-sunken:var(--color-gray-100);
--surface-inverse:var(--color-charcoal-500);
--surface-brand:var(--color-brown-500);
--surface-accent:var(--color-gold-500);
--text-primary:var(--color-charcoal-500);
--text-secondary:var(--color-charcoal-400);
--text-inverse:var(--color-white);
--text-on-brand:var(--color-white);
--text-link:var(--color-navy-500);
--text-link-hover:var(--color-brown-500);
--border-subtle:var(--color-gray-200);
--border-default:var(--color-gray-300);
--border-strong:var(--color-charcoal-500);
--accent-primary:var(--color-brown-500);
--accent-secondary:var(--color-gold-500);
--accent-tertiary:var(--color-navy-500);
--focus-ring:var(--color-gold-500);
}