@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("/fonts/inter/InterVariable.woff2") format("woff2");
}

:root {
    --oze-green-950: #082715;
    --oze-green-900: #103d21;
    --oze-green-800: #1c5a2f;
    --oze-green-700: #2f6e1b;
    --oze-green-600: #3f8e28;
    --oze-green-500: #65a832;
    --oze-lime-600: #a8c72b;
    --oze-lime-500: #b5d338;
    --oze-lime-400: #d8ec73;
    --oze-teal-700: #08777d;
    --oze-teal-600: #0e9da4;
    --oze-sky-100: #eaf7fc;
    --oze-mint-100: #f0fae8;
    --oze-mint-50: #f7fcef;
    --oze-ink: #0d1711;
    --oze-heading: #20261c;
    --oze-text: #3a4234;
    --oze-muted: #5c6553;
    --oze-muted-2: #8a958f;
    --oze-line: #e4eae5;
    --oze-line-strong: #d7e0d8;
    --oze-surface: #ffffff;
    --oze-surface-soft: #f7f9f5;
    --oze-bg: #f3f5f1;
    --oze-bg-warm: #f8f8f3;
    --oze-gradient-primary: linear-gradient(135deg, #b5d338 0%, #a8c72b 58%, #3f8e28 100%);
    --oze-gradient-soft: linear-gradient(135deg, #ffffff 0%, #f3faec 52%, #eaf7fc 100%);
    --oze-gradient-hero: linear-gradient(110deg, #ffffff 0%, #f8fbf3 44%, #eaf7fc 100%);
    --oze-gradient-dark: linear-gradient(135deg, #0d1711 0%, #173b24 100%);
    --oze-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --oze-font-display: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --oze-fs-xs: clamp(.74rem, .72rem + .05vw, .78rem);
    --oze-fs-sm: clamp(.86rem, .82rem + .1vw, .94rem);
    --oze-fs-base: clamp(.98rem, .94rem + .15vw, 1.05rem);
    --oze-fs-md: clamp(1.08rem, 1rem + .25vw, 1.22rem);
    --oze-fs-lg: clamp(1.28rem, 1.1rem + .55vw, 1.65rem);
    --oze-fs-xl: clamp(1.7rem, 1.28rem + 1.05vw, 2.35rem);
    --oze-fs-2xl: clamp(2.15rem, 1.55rem + 1.9vw, 3.6rem);
    --oze-fs-hero: clamp(2.55rem, 1.85rem + 2.7vw, 5.1rem);
    --oze-lh-tight: 1.05;
    --oze-lh-heading: 1.13;
    --oze-lh-body: 1.7;
    --oze-container: 1160px;
    --oze-container-wide: 1360px;
    --oze-page-pad: clamp(16px, 2.2vw, 32px);
    --oze-section-y: clamp(56px, 7vw, 104px);
    --oze-section-y-sm: clamp(36px, 5vw, 70px);
    --oze-gap-xs: 8px;
    --oze-gap-sm: 12px;
    --oze-gap-md: 18px;
    --oze-gap-lg: 26px;
    --oze-gap-xl: 36px;
    --oze-gap-2xl: 56px;
    --oze-radius-xs: 8px;
    --oze-radius-sm: 12px;
    --oze-radius-md: 18px;
    --oze-radius-lg: 24px;
    --oze-radius-xl: 32px;
    --oze-radius-2xl: 42px;
    --oze-radius-pill: 999px;
    --oze-shadow-xs: 0 1px 2px rgba(14, 35, 22, .06);
    --oze-shadow-sm: 0 6px 18px rgba(14, 35, 22, .08);
    --oze-shadow-md: 0 14px 38px rgba(14, 35, 22, .10);
    --oze-shadow-lg: 0 22px 70px rgba(14, 35, 22, .13);
    --oze-shadow-lime: 0 14px 32px rgba(181, 211, 56, .28);
    --oze-ease: cubic-bezier(.2, .9, .25, 1);
    --oze-duration: 180ms;
}