:root {
    --eu-primary-100: #f5e595;
    --eu-primary-200: #f4dd70;
    --eu-primary-300: #f3d64d;
    --eu-primary-400: #f2cd23;
    --eu-primary-500: #f0c000;
    --eu-secondary-100: #d8e9cc;
    --eu-secondary-200: #b9d79d;
    --eu-secondary-300: #8fc35a;
    --eu-secondary-400: #5f9833;
    --eu-secondary-500: #3e6b22;
    --eu-neutral-0: #ffffff;
    --eu-neutral-50: #f8f8f6;
    --eu-neutral-100: #f2f2ef;
    --eu-neutral-200: #e6e6e1;
    --eu-neutral-300: #d7d7d0;
    --eu-neutral-400: #c3c3bb;
    --eu-neutral-500: #9a9a93;
    --eu-neutral-600: #71716c;
    --eu-neutral-700: #4f4f4b;
    --eu-neutral-800: #2a2a28;
    --eu-neutral-900: #111111;
    --eu-font-sans: "Plus Jakarta Sans", sans-serif;
    --eu-font-display: "Cormorant Garamond", serif;
    --eu-fs-xs: 12px;
    --eu-fs-sm: 14px;
    --eu-fs-md: 16px;
    --eu-fs-lg: 18px;
    --eu-fs-xl: 20px;
    --eu-fs-2xl: 24px;
    --eu-fs-3xl: 32px;
    --eu-fs-4xl: 40px;
    --eu-fs-5xl: 56px;
    --eu-space-1: 4px;
    --eu-space-2: 8px;
    --eu-space-3: 12px;
    --eu-space-4: 16px;
    --eu-space-5: 20px;
    --eu-space-6: 24px;
    --eu-space-7: 32px;
    --eu-space-8: 40px;
    --eu-space-9: 48px;
    --eu-space-10: 64px;
    --eu-space-11: 80px;
    --eu-space-12: 96px;
    --eu-radius-1: 4px;
    --eu-radius-2: 8px;
    --eu-radius-3: 12px;
    --eu-radius-4: 16px;
    --eu-radius-pill: 9999px;
    --eu-shadow-1: 0 4px 12px rgba(0, 0, 0, 0.08);
    --eu-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.12);
    --eu-section-padding-y: 96px;
}