:root {
  /*Design System Main colors*/
  --blaze-500: #e76002;
  --solar-500: #eb8000;
  --amber-500: #f7b63b;
  --obsidian-500: #0d0d16;
  --obsidian-400: #3d3d45;
  --obsidian-300: #5d5d63;
  --white-600: #e8e8e8;
  --white-500: #fff;

  /*Gradients*/
  --main-gradient: linear-gradient(
    90deg,
    var(--blaze-500) 0%,
    var(--amber-500) 100%
  );

  /*Font sizes*/
  --font-h1: clamp(3rem, 5vw + 1rem, 5rem);
  --font-h2: clamp(2.5rem, 4vw + 0.5rem, 4rem);
  --font-h3: clamp(2rem, 3vw + 0.5rem, 3rem);
  --font-h4: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem);
  --font-h5: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  --font-h6: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
  --text-lg: 1.25rem;
  --text-sm: 1rem;
  --text-xs: 0.8rem;
}