:root{
--gray-50:oklch(98% 0.004 240);
--gray-100:oklch(95.5% 0.006 240);
--gray-200:oklch(90% 0.008 240);
--gray-300:oklch(82% 0.011 240);
--gray-400:oklch(70% 0.013 240);
--gray-500:oklch(58% 0.015 240);
--gray-600:oklch(47% 0.015 240);
--gray-700:oklch(37% 0.014 240);
--gray-800:oklch(27% 0.013 240);
--gray-900:oklch(17% 0.011 240);
--white:#ffffff;
--green-50:#eef9ee;
--green-100:#d7f0da;
--green-200:#b3e2ba;
--green-300:#8fd89a;
--green-400:#63c46f;
--green-500:#3cb648;
--green-600:#2f9639;
--green-700:#26792e;
--green-800:#1e5f25;
--blue-50:#eaf2fb;
--blue-100:#cfe2f5;
--blue-300:#8fb9e3;
--blue-400:#5a94cf;
--blue-500:#3e7cb8;
--blue-600:#2f639a;
--blue-700:#254e7a;
--yellow-100:#fdf1c8;
--yellow-300:#f9dd6b;
--yellow-400:#f5c518;
--yellow-500:#e0ae00;
--yellow-600:#b98f00;
--red-100:#fbe1df;
--red-500:#c8402f;
--red-700:#9c2f21;
--color-bg:var(--gray-50);
--color-surface:var(--white);
--color-surface-sunken:var(--gray-100);
--color-border:var(--gray-200);
--color-border-strong:var(--gray-300);
--color-text-primary:var(--gray-900);
--color-text-secondary:var(--gray-600);
--color-text-inverse:var(--white);
--color-text-on-accent:var(--white);
--color-accent:var(--green-500);
--color-accent-hover:var(--green-600);
--color-accent-active:var(--green-700);
--color-accent-tint:var(--green-50);
--color-accent-secondary:var(--yellow-400);
--color-accent-secondary-hover:var(--yellow-500);
--color-danger:var(--red-500);
--color-danger-tint:var(--red-100);
--color-focus-ring:var(--green-500);
--color-link:var(--blue-600);
--color-link-hover:var(--blue-700);
--color-info:var(--blue-500);
--color-info-tint:var(--blue-50);
--color-overlay:oklch(17% 0.011 240 / 0.55);
}