:root{
--green-50:#EEF3EE;--green-100:#DBE7DC;--green-200:#B7CFBA;--green-300:#8FB093;--green-400:#6B9270;
--green-500:#4A6B4F;--green-600:#3B5640;--green-700:#2E4433;--green-800:#233427;--green-900:#18241C;
--sand-50:#FBF8F1;--sand-100:#F7EFDE;--sand-200:#EDE1C9;--sand-300:#E1CFA9;--sand-400:#D2BA87;
--sand-500:#B99C68;--sand-600:#96794F;
--terracotta-50:#FBEEE7;--terracotta-100:#F4D9C7;--terracotta-200:#E7B294;--terracotta-300:#D48A5E;
--terracotta-400:#C97A4D;--terracotta-500:#BE6640;--terracotta-600:#984F30;--terracotta-700:#743B24;
--ink-900:#22291F;--ink-700:#3C4536;--ink-500:#5C6656;--ink-300:#8E9584;--ink-100:#D8DACB;
--white:#FFFFFF;
--bg-page:var(--sand-50);
--bg-surface:var(--white);
--bg-sunken:var(--sand-100);
--bg-brand:var(--green-700);
--text-primary:var(--ink-900);
--text-secondary:var(--ink-500);
--text-on-brand:var(--sand-50);
--text-inverse:var(--white);
--border-subtle:var(--ink-100);
--border-strong:var(--green-300);
--accent-primary:var(--green-600);
--accent-primary-hover:var(--green-700);
--accent-secondary:var(--terracotta-500);
--accent-secondary-hover:var(--terracotta-600);
--state-success:var(--green-500);
--state-warning:var(--terracotta-400);
--state-error:var(--terracotta-700);
--state-info:var(--green-400);
}