@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
--green-900:#0A3D29;--green-800:#0D4C33;--green-700:#0F5C3F;--green-600:#157A52;--green-500:#1C9866;--green-400:#4FB585;--green-100:#DFF1E8;--green-50:#F1F9F4;
--amber-700:#B87A1F;--amber-600:#D08F27;--amber-500:#E8A33D;--amber-400:#F0B860;--amber-100:#FBEACB;--amber-50:#FDF6E9;
--gray-950:#161813;--gray-900:#20231F;--gray-800:#33362F;--gray-700:#484B43;--gray-600:#5C6058;--gray-500:#787C72;--gray-400:#96998E;--gray-300:#B7B9AE;--gray-200:#DEE0D8;--gray-100:#EEEFEA;--gray-50:#F7F7F4;--white:#FFFFFF;
--red-600:#B23A22;--red-500:#C1442C;--red-100:#F8E1DA;
--blue-600:#245C93;--blue-500:#2A6FB0;--blue-100:#DCE9F6;
--brand-primary:var(--green-700);--brand-primary-hover:var(--green-800);--brand-primary-active:var(--green-900);
--brand-accent:var(--amber-500);--brand-accent-hover:var(--amber-600);
--surface-page:var(--gray-50);--surface-card:var(--white);--surface-sunken:var(--gray-100);--surface-invert:var(--gray-950);
--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-focus:var(--green-600);
--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-on-brand:var(--white);--text-link:var(--green-700);--text-link-hover:var(--green-800);
--color-success:var(--green-600);--color-success-bg:var(--green-50);--color-warning:var(--amber-600);--color-warning-bg:var(--amber-50);--color-danger:var(--red-500);--color-danger-bg:var(--red-100);--color-info:var(--blue-500);--color-info-bg:var(--blue-100);

--font-display:'Plus Jakarta Sans',system-ui,sans-serif;
--font-body:'Plus Jakarta Sans',system-ui,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--text-xs:12px;--lh-xs:16px;
--text-sm:14px;--lh-sm:20px;
--text-base:16px;--lh-base:24px;
--text-lg:18px;--lh-lg:28px;
--text-xl:20px;--lh-xl:28px;
--text-2xl:24px;--lh-2xl:32px;
--text-3xl:30px;--lh-3xl:37px;
--text-4xl:36px;--lh-4xl:42px;
--text-5xl:48px;--lh-5xl:52px;
--text-6xl:60px;--lh-6xl:64px;
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--container-max:1200px;--container-pad:24px;

--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;
--shadow-xs:0 1px 2px rgba(22,24,19,0.06);
--shadow-sm:0 1px 3px rgba(22,24,19,0.08),0 1px 2px rgba(22,24,19,0.04);
--shadow-md:0 4px 12px rgba(22,24,19,0.09),0 2px 4px rgba(22,24,19,0.05);
--shadow-lg:0 12px 32px rgba(22,24,19,0.12),0 4px 8px rgba(22,24,19,0.05);
--shadow-focus:0 0 0 3px var(--green-100);
--ease-standard:cubic-bezier(0.2,0.8,0.2,1);
--duration-fast:120ms;
--duration-base:180ms;
--duration-slow:280ms;
}