:root {
  /* Colors */
  --color-main:      #591E55;
  --color-darkest:   #361234;
  --color-light:     #9F7D9C;
  --color-lightest:  #EEE9EE;
  --color-white:     #FFFFFF;

  /* Typography */
  --font-family-primary: 'Montserrat', sans-serif;

  /* Font Sizes */
  --font-size-h2:      48px;
  --font-size-h4:      32px;
  --font-size-h5:      24px;
  --font-size-h6:      20px;
  --font-size-medium:  18px;
  --font-size-regular: 16px;
  --font-size-small:   14px;
  --font-size-tiny:    12px;

  /* Font Weights */
  --font-weight-extralight: 200;
  --font-weight-light:      300;
  --font-weight-regular:    400;
  --font-weight-medium:     500;
  --font-weight-semibold:   600;

  /* Line Heights */
  --line-height-12: 1.2;
  --line-height-13: 1.3;
  --line-height-14: 1.4;
  --line-height-15: 1.5;

  /* Spacing */
  --container-large:       1280px;
  --padding-global:        64px;
  --padding-global-mobile: 24px;
  --padding-section:       112px;
  --padding-section-mobile: 64px;

  /* Borders */
  --divider-width: 1px;

  /* Transitions */
  --transition-base: 0.3s ease;
}

@media (max-width: 768px) {
  :root {
    --font-size-h2:      38px;
    --font-size-h4:      26px;
    --font-size-h5:      19px;
    --font-size-h6:      16px;
  }
}