:root{
--clay-950:#231a13;
--clay-900:#2b2118;
--clay-800:#382a1e;
--clay-700:#5b4a3c;
--clay-600:#786250;
--clay-500:#8f7862;
--clay-400:#ab9781;
--clay-300:#c9b8a6;
--clay-200:#e2d3bf;
--clay-100:#f0e4d3;
--cream-50:#fbf6ee;
--cream-100:#f6efe2;
--paper-0:#fffdf9;

--terracotta-800:#7d3a20;
--terracotta-700:#9b4726;
--terracotta-600:#bc5b34;
--terracotta-500:#d17444;
--terracotta-400:#e0946c;
--terracotta-100:#f3ded0;
--terracotta-050:#f9ede4;

--olive-900:#212a17;
--olive-800:#2f3b22;
--olive-700:#3d4c2c;
--olive-600:#4b5d3a;
--olive-500:#647b4d;
--olive-400:#87996f;
--olive-300:#a9b795;
--olive-200:#c9d4b8;
--olive-100:#e4e9d9;
--olive-050:#eff3e6;

--gold-800:#7a5a1e;
--gold-700:#9c772a;
--gold-600:#c99a3d;
--gold-500:#d9ae5c;
--gold-400:#e6c481;
--gold-100:#f3e4c2;
--gold-050:#f9eeda;

--danger-700:#7c2a1d;
--danger-600:#a23b2a;
--danger-100:#f1d9d1;
--warning-700:#8f5a17;
--warning-600:#c97a1f;
--warning-100:#f5e3c8;
--success-700:#37542a;
--success-600:#4b7a3d;
--success-100:#dde8d3;
--info-700:#2a4a52;
--info-600:#3d6b76;
--info-100:#d9e6e8;

--bg-page:var(--cream-50);
--bg-surface:var(--paper-0);
--bg-surface-raised:#ffffff;
--bg-sunken:var(--cream-100);
--bg-inverse:var(--olive-900);

--text-primary:var(--clay-900);
--text-secondary:var(--clay-700);
--text-tertiary:var(--clay-500);
--text-on-inverse:var(--cream-50);
--text-on-brand:#fffaf3;
--text-link:var(--olive-700);
--text-link-hover:var(--olive-800);

--border-subtle:var(--clay-200);
--border-default:var(--clay-300);
--border-strong:var(--clay-500);
--border-focus:var(--olive-600);

--brand-primary:var(--olive-600);
--brand-primary-hover:var(--olive-700);
--brand-primary-active:var(--olive-800);
--brand-secondary:var(--terracotta-600);
--brand-secondary-hover:var(--terracotta-700);
--brand-accent:var(--gold-600);
--brand-accent-hover:var(--gold-700);

--surface-card:var(--paper-0);
--surface-card-hover:var(--cream-100);
--surface-sunken:var(--cream-100);
--surface-inverse:var(--olive-900);

--focus-ring:0 0 0 3px rgba(75,93,58,.30);
}
