:root {
  --font-family-base: Arial, sans-serif;
  --color-bg-base: #fff;
  --color-text-base: #000;
}

/* Reset básico: márgenes, paddings y box-sizing */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Listas sin estilo */
ul,
ol {
  list-style: none;
}

/* Enlaces sin subrayado y heredan color */
a {
  text-decoration: none;
  color: inherit;
}

/* Imágenes y videos responsivos, sin borde */
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

/* Botones y formularios sin estilos por defecto */
button,
input,
select,
textarea {
  font-family: var(--font-family-base);
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Altura y tipografía base */
body,
html {
  height: 100%;
  font-family: var(--font-family-base);
  line-height: 1.5;
  color: var(--color-text-base);
}