* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
:root {
    /* Primary Colors */
    --color-green-1: #FDFEFD;
    --color-green-5: #F7F9F4;
    --color-green-10: #E1EED7;
    --color-green-20: #D5E7C8;
    --color-green-30: #BFDCA4;
    --color-green-40: #AED384;
    --color-green-50: #9ECC63;
    --color-green-60: #8CB859;
    --color-green-70: #7BA44F;
    --color-green-80: #6A9045;
    --color-green-90: #59723B;
    --color-green-100: #384C26;

    /* Secondary Colors */
    --color-teal-3: #F3F7F9;
    --color-teal-5: #C4E3F0;
    --color-teal-10: #A7D5E8;
    --color-teal-20: #8AC7DE;
    --color-teal-30: #6DB9D4;
    --color-teal-40: #50ABCA;
    --color-teal-50: #236784;
    --color-teal-60: #1D5A72;
    --color-teal-70: #174D60;
    --color-teal-80: #0B333C;
    --color-teal-90: #05262E;
    --color-teal-100: #021A20;

    /* Neutral Colors */
    --color-white: #FFFFFF;
    --color-neutral-10: #F2F2F2;
    --color-neutral-20: #D9E0E2;
    --color-neutral-30: #C0CDD2;
    --color-neutral-40: #A6BBC2;
    --color-neutral-50: #8DA9B2;
    --color-neutral-60: #7497A2;
    --color-neutral-70: #5B8492;
    --color-neutral-80: #427282;
    --color-neutral-90: #1A2C37;

    /* Warning Colors */
    --color-yellow-5: #FDF7EB;
    --color-yellow-10: #FAEED7;
    --color-yellow-20: #F5DDAF;
    --color-yellow-30: #F1CC87;
    --color-yellow-40: #ECBB5F;
    --color-yellow-50: #E7AA37;
    --color-yellow-60: #B9882C;
    --color-yellow-70: #8B6621;
    --color-yellow-80: #5C4416;
    --color-yellow-90: #2E220B;
    --color-yellow-100: #171105;

    /* Error Colors */
    --color-red-5: #FEEDED;
    --color-red-10: #FCDCD9;
    --color-red-20: #F9B9B7;
    --color-red-30: #F79592;
    --color-red-40: #F4726E;
    --color-red-50: #F14F4A;
    --color-red-60: #C13F3B;
    --color-red-70: #912F2C;
    --color-red-80: #60201E;
    --color-red-90: #30100F;
    --color-red-100: #180807;

    /* Spacing */
    --spacing-xxxs: 4px;
    --spacing-xxs: 8px;
    --spacing-xs: 16px;
    --spacing-sm: 24px;
    --spacing-md: 32px;
    --spacing-lg: 40px;
    --spacing-xl: 48px;
    --spacing-xxl: 56px;
    --spacing-xxxl: 64px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
}