@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap');

:root {
  --font-body: "Inter", sans-serif;
  --font-title: "Oswald", sans-serif;
  --body: 1rem;
  --title-extra-large: 3.75rem;
  --title-large: 2.813rem;
  --title-medium: 2.5rem;
  --title-small: 2.188rem;
  --title-xs: 1.25rem;
  --black: 900;
  --bold: 700;
  --medium: 500;
  --regular: 400;
  --light: 300;
  --c-negro: #1D1D1B;
  --c-gris: #D9D9D9;
  --c-blanco: #ffffff;
  /* Transitions */
  --all-transition: all 0.4s ease;
}

@media screen and (max-width: 1440px) {
  :root {
    --title-extra-large: 3.6rem;
    --title-large: 2.75rem;
    --title-medium: 2.25rem;
    --title-small: 1.9rem;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --title-extra-large: 3.5rem;
    --title-large: 3rem;
    --title-medium: 2.3rem;
    --title-small: 1.5rem;
  }
}

@media screen and (max-width: 600px) {
  :root {
    --title-extra-large: 3rem;
    --title-large: 2rem;
    --title-medium: 1.75rem;
  }
}