:root {
    /* Colors */
    --color-primary-dark: #1a4d45;
    --color-primary-dark-hover: #133a34;
    --color-primary-lime: #81BB3F;
    --color-primary-lime-hover: #8CC63F;
    --color-secondary-orange: #F4A261;
    --color-secondary-gold: #E3A754;
    --color-bg-body: #FEFCFB;

    /* From globals.css */
    --color-bg-gray: #e6e8eb;
    --color-bg-light: #f4f4f4;
    --color-bg-white: #ffffff;
    --color-bg-off-white: #f3f3f3;

    --color-green-deep: #16443d;
    --color-green-deep-hover: #133a34;

    --color-text-main: #1a4d45;
    --color-text-gray: #555555;
    --color-text-light: #f3f3f3;
    --color-text-white: #fefcfb;

    /* Scrollbar */
    --scrollbar-track: #d4d4d4;
    --scrollbar-thumb-start: #4A8901;
    --scrollbar-thumb-end: #458200;
    --scrollbar-border: #146d00bb;

    /* Typography */
    --font-family-primary: 'Poppins', sans-serif;

    --font-size-h1: 64px;
    --font-size-h2: 48px;
    --font-size-h3: 28px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-mobile-t: 32px;
    --font-size-mobile: 16px;
    --font-size-mobile-btn: 14px;

    /* Spacing */
    --spacing-gutter: 128px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 40px;
    --spacing-gutter-mobile: 32px;

    /* UI Elements */
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-pill: 50px;
    --border-radius-round: 50%;
}