:root {
    --font-family-base: 'Lexend', sans-serif;
  
    --color-primary: #6200ee;
    --color-secondary: #03dac6;
    --color-text: #212121;
    --color-background: #ffffff;

    /* General Styling */
    --rounded-border-top: 1rem 1rem 0 0;
    --rounded-border-bottom: 0 0 1rem 1rem;
    --rounded-border-all: 1rem;

    /* CTA Button */
    --button-font-size: 20px;
    --button-line-height: 30px;

    /* Header */
    --header-font-size: 24px;
    --header-line-height: 30px;

    /* Header Nav Links */
    --header-nav-link-font-size: 16px;
    --header-nav-link-line-height: 30px;

    /* Hero Banner */
    --hero-banner-h1-font-size: 40px;
    --hero-banner-h1-line-height: 58px;
    --hero-banner-p-font-size: 28px;
    --hero-banner-p-line-height: 38px;

    /* Hero CTA */
    --hero-cta-h2-font-size: 36px;
    --hero-cta-h2-line-height: 36px;
    --hero-cta-p-font-size: 24px;
    --hero-cta-p-line-height: 36px;

    /* Footer Banner */
    --footer-banner-font-size: 20px;
    --footer-banner-line-height: 28px;
  }