:root {
  /* Nueva paleta artística */
  --primary-color: #FF3E4D;       /* Rojo vibrante */
  --secondary-color: #00D2B8;     /* Verde-azul turquesa */
  --accent-color: #FFD700;        /* Amarillo dorado */
  --dark-color: #2C2C2C;          /* Texto oscuro */
  --light-color: #FFF5E6;         /* Fondo crema */
  --background-color: #FFFFFF;    /* Blanco puro */
  --text-color: #333333;          /* Texto principal */
  --border-color: #000000;        /* Bordes negros */
  --shadow-color: rgba(0, 0, 0, 0.2);
  
  /* Efectos artísticos */
  --brush-stroke: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20" viewBox="0 0 100 20"><path d="M0,10 Q25,20 50,10 T100,10" fill="none" stroke="black" stroke-width="2"/></svg>');
}

body {
  background-color: var(--background-color);
  font-family: 'Montserrat', sans-serif;
}
main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
  flex: 1;
}

h1, h2, h3 {
  color: var(--dark-color);
  margin-top: 0;
}

button {
  cursor: pointer;
  transition: all var(--transition-speed) ease;
  background-color: var(--primary-color);
  color: white;
}

input, button, select {
  font-size: 1rem;
  background-color: var(--light-color);
  color: var(--dark-color);
  border-color: var(--border-color);
}