:root {

    /* Fonts
    --heading-1: 3rem;
    --heading-2: 2.5rem;
    --heading-3: 2rem;
    --heading-4: 1.75rem;
    --display-1: 3rem;
    --display-2: 2rem;
    --display-3: 1.5rem;
    --single-large: 1.25rem;
    --single-regular: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
    --body-large: 1.25rem;
    --body-regular: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
    --body-small: 0.875rem;
    --body-list-large: 1.25rem;
    --body-list-normal: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem); */


    /* Fonts */
    --heading-1: clamp(3rem, 2.3571rem + 0.7143vw, 3.5rem);
    --heading-2: clamp(2.5rem, 1.8571rem + 0.7143vw, 3rem);
    --heading-3: clamp(2rem, 1.3571rem + 0.7143vw, 2.5rem);
    --heading-4: clamp(1.75rem, 1.1071rem + 0.7143vw, 2.25rem);
    --display-1: clamp(3rem, 2.3571rem + 0.7143vw, 3.5rem);
    --display-2: clamp(2rem, 1.3571rem + 0.7143vw, 2.5rem);
    --display-3: clamp(1.5rem, 0.8571rem + 0.7143vw, 2rem);
    --single-large: clamp(1.25rem, 0.6071rem + 0.7143vw, 1.75rem);
    --single-regular: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
    --body-large: clamp(1.25rem, 0.6071rem + 0.7143vw, 1.75rem);
    --body-regular: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
    --body-small: clamp(0.875rem, 0.7946rem + 0.0893vw, 0.9375rem);
    --body-list-large: clamp(1.25rem, 0.6071rem + 0.7143vw, 1.75rem);
    --body-list-normal: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
    

    /* Colors */
    --raisin-black: hsl(230deg 8% 14%);
    --floral-white: hsl(41deg 100% 97%);
    --blueberry-ice-cream: hsl(262deg 46% 29%);
    --yellow-star: hsl(60deg 98% 56%);
    --fairy-tale: hsl(316deg 100% 90%);
    --strawberry-ice-cream: hsl(316deg 47% 82%);

    /* Shadows */
    --deep-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0);

    /* Gaps */
    --gap-48: 3rem;
    --gap-44: 2.75rem;
    --gap-40: 2.5rem;
    --gap-36: 2.25rem;
    --gap-32: 2rem;
    --gap-28: 1.75rem;
    --gap-24: 1.5rem;
    --gap-20: 1.25rem;
    --gap-16: 1rem;

    /* Paddings */
    --padding-desktop: 11.25rem;
    --padding-tablet: 3rem;
    --padding-mobile: 2.25rem;
    --padding-5xl: 1.5rem;
    --padding-base: 1rem;

    /* Border radiuses */
    --br-75xl: 94px;
    --br-81xl: 100px;

    /* Columns */
    --col-1: 8.333%;
    --col-2: 16.666%;
    --col-3: 24.999%;
    --col-4: 33.332%;
    --col-5: 41.665%;
    --col-6: 49.998%;
    --col-7: 58.331%;
    --col-8: 66.664%;
    --col-9: 74.997%;
    --col-10: 83.33%;
    --col-11: 91.663%;
    --col-12: 100%;
  }


  @media (max-width: 480px) {
     /* Mobile Fonts */
      :root {
        --heading-1: 2.5rem;
        --heading-2: 2rem;
        --heading-3: 1.75rem;
        --heading-4: 1.50rem;
        --display-1: 2.5rem;
        --display-2: 1.5rem;
        --display-3: 1.25rem;
        --single-large: 1.25rem;
        --single-regular: 1rem;
        --body-large: 1.25rem;
        --body-regular:1rem;
        --body-small: 0.875rem;
        --body-list-large: 1.25rem;
        --body-list-normal: 1rem;
      }
    }