:root {

    --c-black: #18181B;
    --c-grey-darker: #27272A;
    --c-grey-dark: #3F3F46;
    --c-grey: #52525B;
    --c-grey-light: #D4D4D8;
    --c-grey-lighter: #E4E4E7;
    --c-grey-lightest: #F4F4F5;
    --c-white: #ffffff;

    --c-primary: #283033;
    --c-action: #edff21;
    --c-background: var(--c-grey-lightest);
    --c-pale-background: #F1F5F9;

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

    --page-background-color: var(--c-background);
    --primary-button-background-color: #E3F519;
    --primary-button-color: var(--c-black);
    --button-border-radius: 4px;

    --link: #B3C200;
    --link-hover: #C5D416;
    --link-active: var(--c-action);

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

    --nav-background-color: var(--c-primary);
    --nav-text-color: #EBE7CA;
  --nav-button-border-color: var(--c-action);
  --nav-button-background-color: var(--c-action);
  --nav-button-text-color: var(--c-black);

    --nav-link-color: #EBE7CA;
    --nav-shadow-color: rgba(--c-white, 0);

    --hero-background-color: var(--c-primary);
    --hero-title-color: #EBE7CA;
    --hero-text-color: #EBE7CA;
    --hero-button-background-color: var(--c-action);
    --hero-button-border-color: var(--c-action);
    --hero-button-text-color: var(--c-black);

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

    --hero-benefits-background-color: #1F2527;
    --hero-benefits-text-color: #EBE7CA;
    --hero-benefits-title-color: var(--c-black);
    --hero-benefits-link-color: var(--c-action);

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

    --c-sidebar-selling-point-icon: #C1D016;

    --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-primary);
    --how-it-works-title-color: var(--c-white);
    --how-it-works-number-color: var(--c-action);
    --how-it-works-subtitle-color: var(--c-action);
    --how-it-works-text-color: var(--c-white);

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

    --review-section-star-icons: #B3C200;
    --reviews-section-button-background: #F8FAFC;
    --reviews-section-button-border: #B3C200;
    --reviews-section-button-text: #B3C200;

    --footer-background-color: var(--c-primary);
    --footer-text-color: var(--c-grey-light);
    --footer-link-color: var(--c-white);

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

    --c-summary-review-star-icons: #C1D016;

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