/* Paleta Cromática · Línea Recta Hacia Dios
   Copia de /diseno/paleta.css con dos tokens extra (cielo y sobre-cielo)
   y el modo oscuro también por atributo data-theme. */
:root {
  --pergamino:         #F6EEDC; /* fondo principal */
  --marfil:            #FFFBF3; /* tarjetas y superficies */
  --tierra-umbra:      #2B1F16; /* texto principal */
  --ocre-sombra:       #6A5642; /* texto secundario */
  --oro-liturgico:     #C9A13B; /* halos, marcos, fondos dorados */
  --oro-viejo:         #7A5C14; /* enlaces y texto dorado */
  --azul-lapislazuli:  #1E3A6E; /* menú, títulos, botón principal */
  --rojo-cinabrio:     #A3302A; /* YouTube y llamadas a la acción */
  --purpura-bizantino: #5A1F35; /* citas bíblicas y secciones solemnes */
  --verde-oliva:       #5E6B32; /* etiquetas y confirmaciones */
  --cielo:             #1E3A6E; /* bandas azules (cabecera, portada) */
  --cielo-hondo:       #12254A;
  --sobre-cielo:       #FFFBF3; /* texto sobre bandas azules */
  --oro-sobre-cielo:   #E0BC5A;
  --sobre-acento:      #FFFBF3; /* texto de botones */
  --linea:             #E2D3B0; /* filetes y bordes suaves */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pergamino:#17120D; --marfil:#221A13; --tierra-umbra:#F1E4C8; --ocre-sombra:#B9A68A;
    --oro-liturgico:#E0BC5A; --oro-viejo:#E0BC5A; --azul-lapislazuli:#8FAEE0; --rojo-cinabrio:#E58A6E;
    --purpura-bizantino:#3A1622; --verde-oliva:#A7B56E;
    --cielo:#13233F; --cielo-hondo:#0B1528; --sobre-cielo:#F1E4C8; --oro-sobre-cielo:#E0BC5A;
    --sobre-acento:#17120D; --linea:#3A2E22;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --pergamino:#17120D; --marfil:#221A13; --tierra-umbra:#F1E4C8; --ocre-sombra:#B9A68A;
  --oro-liturgico:#E0BC5A; --oro-viejo:#E0BC5A; --azul-lapislazuli:#8FAEE0; --rojo-cinabrio:#E58A6E;
  --purpura-bizantino:#3A1622; --verde-oliva:#A7B56E;
  --cielo:#13233F; --cielo-hondo:#0B1528; --sobre-cielo:#F1E4C8; --oro-sobre-cielo:#E0BC5A;
  --sobre-acento:#17120D; --linea:#3A2E22;
  color-scheme: dark;
}