/* Paleta iartesanal */
:root {
  --indigo-velvet: #471f92; /* Primario / fondos */
  --indigo-ink: #351776;    /* Fondos profundos / favicon base */
  --burnt-peach: #ed784d;   /* CTAs, acentos */
  --vivid-orchid: #c936b3;  /* Gradientes */
  --white: #ffffff;         /* Texto sobre indigo */
  /* Tema: claro por defecto; oscuro según el sistema (prefers-color-scheme) */
  --bg: #ffffff;            /* Fondo de página */
  --fg: var(--indigo-ink);  /* Texto de página */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #170b36;          /* Índigo oscuro */
    --fg: #ece8fb;
    color-scheme: dark;
  }
}