:root {
    --c-black: #000000;
    --c-grey-darker: #000000;
    --c-grey-dark: #6b6b84;
    --c-grey: #6b6b84;
    --c-grey-light: #f4f4f4;
    --c-grey-lighter: #f8fafb;
    --c-grey-lightest: #f8fafb;
    --c-white: #ffffff;
    --c-blue: #2377d7;

    --c-primary: var(--c-white);
    --c-action: #2377d7;
    --c-background: var(--c-grey-lightest);
    --c-pale-background: #f8fafb;

    --c-positive: #10B981;
    --c-negative: #EF4444;
    --c-text-dark: var(--c-black);
    --c-text: var(--c-grey-dark);
    --c-text-light: var(--c-white);

    // Overlays
    --overlay-dark: rgba(0, 0, 0, 0.6);
    --overlay-darkest: rgba(16, 20, 40, 1);
    --overlay-blur-opacity: 0.7;

    // Global values
    --page-background-color: var(--c-background);
    --primary-button-background-color: var(--c-action);
    --primary-button-color: var(--c-white);

    --c-icon: var(--c-action);

    // Links
    --link: var(--c-action);
    // --link-hover: var(--c-action);
    --link-active: var(--c-action);

    // Sections
    --info-bar-background-color: var(--c-black);
    --info-bar-announce-background-color: var(--c-action);
    --info-bar-announce-text-color: var(--c-white);
    --info-bar-text-color: var(--c-white);
    --info-bar-link-color: var(--c-white);

    --nav-background-color: var(--c-white);
    --nav-button-background-color: var(--c-action);
    --nav-button-border-color: var(--c-action);
    --nav-button-text-color: var(--c-white);
    --nav-link-color: var(--c-black);
    --nav-text-color: var(--nav-link-color);
    --nav-shadow-color: rgba(--c-black, 0);

    --hero-background-color: var(--c-primary);
    --hero-title-color: var(--c-black);
    --hero-text-color: var(--c-black);

    --hero-button-background-color: var(--c-action);
    --hero-button-border-color: var(--c-action);
    --hero-button-text-color: var(--c-white);

    --hero-secondary-button-text-color: var(--c-action);
    --hero-secondary-button-border-color: var(--c-action);

    --hero-benefits-background-color: var(--c-white);
    --hero-benefits-text-color: var(--c-black);
    --hero-benefits-icon-color: var(--c-icon);

    --hero-image-overlay-color: var(--overlay-dark);

    --callout-background-color: #ffd400;
    --callout-text-color: var(--c-black);

    --c-sidebar-selling-point-icon: var(--c-icon);

    --feature-section-button-background-color: var(--c-action);
    --feature-section-button-border-color: var(--c-action);
    --feature-section-button-text-color: var(--c-white);

    --how-it-works-background-color: var(--c-black);
    --how-it-works-title-color: var(--c-white);
    --how-it-works-number-color: var(--c-primary);
    --how-it-works-subtitle-color: var(--c-primary);
    --how-it-works-text-color: var(--c-white);

    --review-section-star-icons: var(--c-action);
    --reviews-section-button-background: var(--c-white);
    --reviews-section-button-border: var(--c-grey-lighter);
    --reviews-section-button-text: var(--c-action);

    --footer-banner-background-color: var(--c-white);
    --footer-banner-title-color: var(--c-black);
    --footer-banner-text-color: var(--c-black);
    --footer-banner-button-background-color: var(--c-action);
    --footer-banner-button-text-color: var(--c-white);

    --footer-background-color: var(--c-white);
    --footer-text-color: var(--c-black);
    --footer-link-color: var(--c-black);

    --calcumate-icon: var(--c-icon);
    --c-summary-review-star-icons-hover: var(--c-action);

    --border-color: rgba(var(--c-black), 0);

    // Discount Badge
    --discount-background-color: #CCFBF1;
    --discount-text-color: #0D9488;
    --discount-padding: 8px 10px;

    // Unit Type Pricing
    --unit-type-pricing-price-before-discount-color: var(--c-grey-grey);

    // Card box shadows (Un-comment to remove shadows from all cards)
    // --card-box-shadow: none;

    // Set to override tailwind border radius values
    --border-radius-base: theme('borderRadius.DEFAULT');
    --border-radius-sm: theme('borderRadius.sm');
    --border-radius-md: theme('borderRadius.md');
    --border-radius-lg: theme('borderRadius.lg');
    --border-radius-xl: theme('borderRadius.xl');
    --border-radius-2xl: theme('borderRadius.2xl');
    --border-radius-3xl: theme('borderRadius.3xl');
    --border-radius-full: theme('borderRadius.full');
  }