:root {
    --givewp-red-25: #fff4f2;
    --givewp-red-50: #ffdfd9;
    --givewp-red-100: #ffb5a6;
    --givewp-red-200: #ff8a73;
    --givewp-red-300: #ff6040;
    --givewp-red-400: #f2320c;
    --givewp-red-500: #d92d0b;
    --givewp-red-600: #a62308;
    --givewp-red-700: #8c1700;
    --givewp-red-800: #590f00;
    --givewp-red-900: #260600;
    --givewp-orange-50: #ffefd9;
    --givewp-orange-100: #ffdaa6;
    --givewp-orange-200: #ffc473;
    --givewp-orange-300: #f2a63d;
    --givewp-orange-400: #f29718;
    --givewp-orange-500: #d98715;
    --givewp-orange-600: #a66710;
    --givewp-orange-700: #73480b;
    --givewp-orange-800: #402806;
    --givewp-orange-900: #1a0f00;
    --givewp-yellow-25: #fffdf2;
    --givewp-yellow-50: #fff9d9;
    --givewp-yellow-100: #fff0a6;
    --givewp-yellow-200: #ffe873;
    --givewp-yellow-300: #ffdf40;
    --givewp-yellow-400: #f2cc0c;
    --givewp-yellow-500: #d9b60b;
    --givewp-yellow-600: #a68c08;
    --givewp-yellow-700: #8c7607;
    --givewp-yellow-800: #594b05;
    --givewp-yellow-900: #262000;
    --givewp-green-25: #f2fff3;
    --givewp-green-50: #e5ffe6;
    --givewp-green-100: #cef2cf;
    --givewp-green-200: #046bd2;
    --givewp-green-300: #046bd2;
    --givewp-green-400: #046bd2;
    --givewp-green-500: #046bd2;
    --givewp-green-600: #046bd2;
    --givewp-green-700: #046bd2;
    --givewp-green-800: #0a400b;
    --givewp-green-900: #022603;
    --givewp-emerald-25: #f2fff9;
    --givewp-emerald-50: #d9ffec;
    --givewp-emerald-100: #9df2c8;
    --givewp-emerald-200: #046bd2;
    --givewp-emerald-300: #046bd2;
    --givewp-emerald-400: #046bd2;
    --givewp-emerald-500: #046bd2;
    --givewp-emerald-600: #046bd2;
    --givewp-emerald-700: #046bd2;
    --givewp-emerald-800: #05592f;
    --givewp-emerald-900: #002613;
    --givewp-blue-25: #f2f9ff;
    --givewp-blue-50: #d9ecff;
    --givewp-blue-100: #a6d2ff;
    --givewp-blue-200: #73b9ff;
    --givewp-blue-300: #3d97f2;
    --givewp-blue-400: #0c7ff2;
    --givewp-blue-500: #0b72d9;
    --givewp-blue-600: #0857a6;
    --givewp-blue-700: #074a8c;
    --givewp-blue-800: #052f59;
    --givewp-blue-900: #001326;
    --givewp-purple-25: #f4f2ff;
    --givewp-purple-50: #beb6f2;
    --givewp-purple-100: #8c7ee5;
    --givewp-purple-200: #5f4cd9;
    --givewp-purple-300: #3a21d9;
    --givewp-purple-400: #2b13bf;
    --givewp-purple-500: #2511a6;
    --givewp-purple-600: #19078c;
    --givewp-purple-700: #120566;
    --givewp-purple-800: #090040;
    --givewp-purple-900: #03001a;
    --givewp-neutral-25: #f9fafb;
    --givewp-neutral-50: #f3f4f6;
    --givewp-neutral-100: #e5e7eb;
    --givewp-neutral-200: #d1d5db;
    --givewp-neutral-300: #9ca0af;
    --givewp-neutral-400: #6b7280;
    --givewp-neutral-500: #4b5563;
    --givewp-neutral-600: #374151;
    --givewp-neutral-700: #1f2937;
    --givewp-neutral-800: #111827;
    --givewp-neutral-900: #060c1a;
    --givewp-grey-5: #fafafa;
    --givewp-grey-25: #f2f2f2;
    --givewp-grey-50: #e6e6e6;
    --givewp-grey-100: #dadada;
    --givewp-grey-200: #bfbfbf;
    --givewp-grey-300: #a6a6a6;
    --givewp-grey-400: #8c8c8c;
    --givewp-grey-500: #737373;
    --givewp-grey-600: #595959;
    --givewp-grey-700: #404040;
    --givewp-grey-800: #262626;
    --givewp-grey-900: #0e0e0e;
    --givewp-shades-white: #fff;
    --givewp-shades-black: #000
}

:root {
    --givewp-rounded-2: 0.125rem;
    --givewp-rounded-4: 0.25rem;
    --givewp-rounded-6: 0.375rem;
    --givewp-rounded-8: 0.5rem;
    --givewp-rounded-12: 0.75rem;
    --givewp-rounded-16: 1rem;
    --givewp-rounded-24: 1.5rem;
    --givewp-rounded-full: 999px;
    --givewp-rounded-none: 0rem
}

:root {
    --givewp-spacing-1: 0.25rem;
    --givewp-spacing-2: 0.5rem;
    --givewp-spacing-3: 0.75rem;
    --givewp-spacing-4: 1rem;
    --givewp-spacing-5: 1.25rem;
    --givewp-spacing-6: 1.5rem;
    --givewp-spacing-7: 1.75rem;
    --givewp-spacing-8: 2rem;
    --givewp-spacing-9: 2.25rem;
    --givewp-spacing-10: 2.5rem;
    --givewp-spacing-11: 2.75rem;
    --givewp-spacing-12: 3rem;
    --givewp-spacing-13: 3.25rem;
    --givewp-spacing-14: 3.5rem;
    --givewp-spacing-15: 3.75rem;
    --givewp-spacing-16: 4rem;
    --givewp-spacing-17: 4.25rem;
    --givewp-spacing-18: 4.5rem;
    --givewp-spacing-19: 4.75rem;
    --givewp-spacing-20: 5rem;
    --givewp-spacing-32: 8rem;
    --givewp-spacing-40: 10rem;
    --givewp-spacing-56: 14rem;
    --givewp-spacing-80: 20rem;
    --givewp-spacing-96: 24rem
}

:root {
    --givewp-font-size-display-xl: 6rem;
    --givewp-font-weight-display-xl: semi-bold;
    --givewp-font-size-display-lg: 4.5rem;
    --givewp-font-weight-display-lg: semi-bold;
    --givewp-font-size-heading-xl: 4rem;
    --givewp-font-weight-heading-xl: bold;
    --givewp-font-size-heading-lg: 2.5rem;
    --givewp-font-weight-heading-lg: semi-bold;
    --givewp-font-size-heading-md: 2.25rem;
    --givewp-font-weight-heading-md: semi-bold;
    --givewp-font-size-heading-sm: 1.5rem;
    --givewp-font-weight-heading-sm: semi-bold;
    --givewp-font-size-headline-lg: 1.25rem;
    --givewp-font-weight-headline-lg: extra-bold;
    --givewp-font-size-headline-md: 1rem;
    --givewp-font-weight-headline-md: extra-bold;
    --givewp-font-size-headline-sm: 0.75rem;
    --givewp-font-weight-headline-sm: extra-bold;
    --givewp-font-size-paragraph-lg: 1rem;
    --givewp-font-weight-paragraph-lg: medium;
    --givewp-font-size-paragraph-md: 0.75rem;
    --givewp-font-weight-paragraph-md: medium;
    --givewp-font-size-paragraph-sm: 0.5rem;
    --givewp-font-weight-paragraph-sm: medium
}

:root {
    --givewp-shadow-xs: 0 1px 2px var(--givewp-grey-50);
    --givewp-shadow-sm: 0 2px 4px var(--givewp-grey-50);
    --givewp-shadow-md: 0 4px 8px var(--givewp-grey-50);
    --givewp-shadow-lg: 0 12px 24px var(--givewp-grey-50);
    --givewp-shadow-xl: 0 16px 32px var(--givewp-grey-50);
    --givewp-shadow-inner: inset 0 2px 4px var(--givewp-grey-50);
    --givewp-shadow-xs-green: 0 1px 2px var(--givewp-green-50);
    --givewp-shadow-sm-green: 0 2px 4px var(--givewp-green-50);
    --givewp-shadow-md-green: 0 4px 8px var(--givewp-green-50);
    --givewp-shadow-lg-green: 0 12px 24px var(--givewp-green-50);
    --givewp-shadow-xl-green: 0 16px 32px var(--givewp-green-50);
    --givewp-shadow-inner-green: inset 0 2px 4px var(--givewp-green-50);
    --givewp-shadow-xs-blue: 0 1px 2px var(--givewp-blue-50);
    --givewp-shadow-sm-blue: 0 2px 4px var(--givewp-blue-50);
    --givewp-shadow-md-blue: 0 4px 8px var(--givewp-blue-50);
    --givewp-shadow-lg-blue: 0 12px 24px var(--givewp-blue-50);
    --givewp-shadow-xl-blue: 0 16px 32px var(--givewp-blue-50);
    --givewp-shadow-inner-blue: inset 0 2px 4px var(--givewp-blue-50);
    --givewp-shadow-xs-orange: 0 1px 2px var(--givewp-orange-50);
    --givewp-shadow-sm-orange: 0 2px 4px var(--givewp-orange-50);
    --givewp-shadow-md-orange: 0 4px 8px var(--givewp-orange-50);
    --givewp-shadow-lg-orange: 0 12px 24px var(--givewp-orange-50);
    --givewp-shadow-xl-orange: 0 16px 32px var(--givewp-orange-50);
    --givewp-shadow-inner-orange: inset 0 2px 4px var(--givewp-orange-50)
}