:root {
  /* colors */
  --main-bg: #121212;
  --dark-grey: #1e1e1e;
  --main-color: #e0e0e0;
  --light-grey: #252525;
  --color-blue: #00ced1;
  --color-green: #20c997;
  --gold-color: #ffd700;
  --gold-color-hover: #ffed4e;
  --gradient-btn: linear-gradient(
    135deg,
    var(--color-blue),
    var(--color-green)
  );
  /* font weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semiBold: 600;
  --fw-bold: 700;
  /* font sizes (scale) */
  --fs-1: 2.625rem;
  --fs-2: 2.375rem;
  --fs-3: 1.5rem;
  --fs-text: 1rem;
  /* line heights */
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --font-main: "Poppins", sans-serif;

  @media (max-width: 47.9875rem) {
    --fs-1: 2rem;
    --fs-2: 1.75rem;
    --fs-3: 1.125rem;
    --fs-text: 0.9375rem;
  }
}