:root{
--green-100:#E3F2E4;
--green-300:#8FCB93;
--green-500:#48A450;
--green-600:#3D8A44;
--green-800:#2C6631;
--forest-900:#3E5C08;
--olive-500:#A0B444;
--olive-700:#7C8E33;
--sage-400:#A3B29F;
--sage-500:#829485;
--sage-700:#5C6B5D;
--sky-300:#9ED0DB;
--sky-400:#79BCCA;
--sky-600:#4C93A2;
--mint-50:#F6FCF8;
--white:#FFFFFF;
--ink-900:#1B2621;
--ink-700:#3E4B44;
--ink-500:#6B7A71;
--color-bg:var(--mint-50);
--color-bg-alt:var(--white);
--color-surface:var(--white);
--color-text:var(--ink-900);
--color-text-muted:var(--ink-500);
--color-text-on-dark:var(--mint-50);
--color-primary:var(--green-500);
--color-primary-hover:var(--green-600);
--color-primary-active:var(--green-800);
--color-on-primary:var(--white);
--color-accent-sky:var(--sky-400);
--color-accent-olive:var(--olive-500);
--color-dark:var(--forest-900);
--color-border:#D7E3D5;
--color-border-strong:var(--sage-400);
--color-focus-ring:var(--sky-400);
}