Haga lo que hicimos en el aula

¡Hola, Ariel, espero que estés bien!

Para crear variables en CSS, puedes definirlas dentro del selector :root, lo que permite que sean accesibles en todo el documento. En el ejemplo que compartiste, ya tienes algunas variables definidas:

:root {
  --color-primario: #0c0b0a;
  --color-secundario: #FFD93D;
  --color-terciario: #FF9A00;
  --color-hover: #4F200D;
  --fuente-montserrat: 'Montserrat', sans-serif;
  --fuente-krona: 'Krona One', sans-serif;
}

Estas variables se pueden usar en tu CSS de la siguiente manera:

body {
  background-color: var(--color-primario);
  font-family: var(--fuente-montserrat);
}

h1 {
  color: var(--color-secundario);
}

a {
  color: var(--color-terciario);
}

a:hover {
  color: var(--color-hover);
}

Esto te permite mantener un esquema de colores y fuentes consistente en todo tu sitio web y facilita los cambios globales si decides actualizar los colores o las fuentes más adelante.

Espero que esto te ayude a replicar lo que hiciste en clase. ¡Bons estudios!