Ejercicio de programación con CSS: Reto tema claro/oscuro con variables

Crea un sistema de tema claro/oscuro utilizando variables CSS y la función calc().

Debes definir un conjunto de variables en el selector :root que incluya:

• Una variable --theme-mode con valor inicial 0 (modo claro)
• Variables para colores de texto y fondo tanto para modo claro como oscuro

Luego, implementa un div con clase "container" que:

1. Tenga un ancho del 80% de la ventana pero no más de 600px
2. Use calc() junto con la variable --theme-mode para alternar automáticamente entre colores claros y oscuros
3. Incluya un párrafo con texto que sea legible en ambos modos
4. Tenga un padding que se calcule dinámicamente basado en el 5% del ancho de la ventana, pero no menor a 16px

Finalmente, crea una clase adicional "dark-mode" que, cuando se aplique al elemento body, cambie el valor de --theme-mode a 1, activando así el modo oscuro sin necesidad de modificar ningún otro estilo.