:root {
  --primary: #8c1821;
  --on-primary: var(--white);
  --secondary: #b30918;
  --on-secondary: var(--white);
  --white: #F2F2F2;
  --on-white: var(--black);
  --black: #2A2A2A;
  --on-black: var(--white);
  --border-radius: 1em;
  --border-radius-button: 6px;
  --transition: all 0.3s ease-in-out;
  /* Tipografía */
  --font-weight-title: 500;
  --font-weight-text: 400;
  --letter-spacing: -2px;
  --xxl-font-size: clamp(4rem, 4.5vw + 1rem, 6.5rem);
  --xl-font-size: clamp(3.5rem, 4.5vw + 1rem, 4.5rem);
  --lg-font-size: clamp(2.8rem, 3.5vw + 0.75rem, 3.3rem);
  --md-font-size: clamp(2rem, 2.8vw + 0.5rem, 2.8rem);
  --sm-font-size: clamp(1.5em, 2vw + 0.5rem, 2rem);
  --xs-font-size: clamp(1.25rem, 1.5vw + 0.25rem, 1.5rem);
  --xxs-font-size: clamp(1.1rem, 1.05vw + .25rem, 1.25rem);
}