:root{
--color-base:#FFFFFF;
--color-base-raised:#FFFFFF;
--color-ink:#14151A;
--color-charcoal:#53565C;
--color-navy:#1E2A3C;
--color-navy-dark:#131C29;
--color-navy-tint:#E7EAEE;
--color-indigo:#332F4E;
--color-indigo-dark:#211E35;
--color-indigo-tint:#E9E8EE;
--color-clay:#9C6B44;
--color-clay-dark:#7A5334;
--color-clay-tint:#F1E7DC;
--color-stone:#ADA9A0;
--color-stone-light:#E4E2DC;
--color-stone-dark:#84817A;
--color-white:#FFFFFF;
--color-line:#E2E0DA;
--color-focus-ring:#1E2A3C;
--surface-page:var(--color-base);
--surface-card:var(--color-base-raised);
--surface-sunken:#F4F3F1;
--surface-inverse:var(--color-ink);
--text-primary:var(--color-ink);
--text-secondary:var(--color-charcoal);
--text-on-dark:#FFFFFF;
--text-muted:var(--color-stone-dark);
--text-link:var(--color-navy);
--text-link-hover:var(--color-navy-dark);
--accent-primary:var(--color-navy);
--accent-identity:var(--color-indigo);
--accent-emphasis:var(--color-clay);
--border-default:var(--color-line);
--border-strong:var(--color-stone);
--dark-bg:#101114;
--dark-text:#FFFFFF;
--dark-accent-navy:#3D5470;
--dark-accent-clay:#B98252;
--dark-surface:#1A1B1F;
--dark-border:#28292E;
}