:root{
--gray-900:#111827;
--gray-600:#4B5563;
--gray-400:#9CA3AF;
--gray-300:#D1D5DB;
--gray-200:#E5E7EB;
--gray-50:#FAFAFA;
--white:#FFFFFF;
--green-900:#1a5140;
--green-950:#133D30;
--green-600:#288760;
--green-400:#5CA87C;
--green-50:#B7E5BA;

--bg-primary:var(--white);
--bg-secondary:var(--gray-50);
--text-primary:var(--gray-900);
--text-secondary:var(--gray-600);
--text-on-accent:var(--white);
--accent-primary:var(--green-900);
--accent-hover:var(--green-950);
--accent-subtle:var(--green-50);
--border-subtle:var(--gray-200);

--color-bg:var(--bg-primary);
--color-surface:var(--bg-primary);
--color-surface-sunken:var(--bg-secondary);
--color-surface-inverse:var(--gray-900);
--color-border:var(--border-subtle);
--color-border-strong:var(--gray-300);
--color-text-primary:var(--text-primary);
--color-text-secondary:var(--text-secondary);
--color-text-inverse:var(--white);
--color-text-muted-inverse:var(--gray-400);
--color-accent:var(--accent-primary);
--color-accent-hover:var(--accent-hover);
--color-accent-soft:var(--accent-subtle);
--color-accent-text-on:var(--text-on-accent);
--color-focus-ring:var(--accent-primary);
}