:root {
  --base: #fff;
  --primary: #ff1f23;
  --secondary: #252422;
  --font-size-md: 2.5vw;
  --font-size-base: 3.75vw;
  --font-size-lg: 5vw;
  --font-size-xl: 7.5vw;
  --font-size-xxl: 10vw;
  --padding-sm: 1.25vw;
  --padding-md: 2.5vw;
  --padding-lg: 5vw;
  --padding-xl: 10vw;
  --letter-spacing-sm: 1vw;
}

@media (orientation: landscape) {
  :root {
    --font-size-md: 2vh;
    --font-size-base: 2.25vh;
    --font-size-lg: 2.5vh;
    --font-size-xl: 3.75vh;
    --font-size-xxl: 5vh;
    --padding-sm: 1vh;
    --padding-md: 2vh;
    --padding-lg: 2.5vh;
    --padding-xl: 5vh;
    --letter-spacing-sm: 0.5vh;
  }
}