:root {
  // COLORS
  --color-primary: #e00800;
  --color-warn: #f2940a;
  --color-error: #cd2323;
  --color-success: #6cc790;
  --color-text: #212529;
  --section-title: #0a0a0a;
  --text-d1: #505050;
  // FONT SIZE
  --text-sm: 1rem; // 16px
  --text-md: 1.375rem; // 22px
  --text-lg: 2.5rem; // 40px
  --text-xl: 3.75rem; // 60px
  --nav-bar-height: 105px;
}

@media only screen and (max-width: 1450px) {
  :root {
    // FONT SIZE
    --text-xl: 2.875rem;
    --text-lg: 1.875rem;
    --text-md: 1.125rem;
  }
}

/* MOBILE */
@media only screen and (max-width: 768px) {
  :root {
    // FONT SIZE
    --text-sm: 0.875rem; // 14px
    --text-md: 1rem; // 16px
    --text-lg: 1.125rem; // 18px
    --text-xl: 1.625rem; // 26px
  }
}