/* Decoración compartida: fondo azul profundo con manchas de color, rejilla de puntos y tarjetas claras de cristal */
:root{
  /* texto que va directamente sobre el fondo (claro) */
  --text:#f3f6ff;
  --muted:#c3cfee;
  --on-bg-link:#a5b4fc;
  /* colores de componentes (tarjetas, tablas, diálogos...) */
  --bg:#eef0fb;
  --surface:rgba(255,255,255,.93);
  --solid:#ffffff;
  --line:#dcdff0;
  --accent:#4f46e5;
  --accent-soft:#e9e8ff;
  --hover:#f2f3fd;
  --card-text:#1f2330;
  --card-muted:#626a80;
  color-scheme:light;
}
html{background:linear-gradient(165deg,#14244f 0%,#1d3a82 42%,#27479a 68%,#1a2f6a 100%) fixed}
body{position:relative}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(640px 440px at 6% 4%,   rgba(129,140,248,.38), transparent 70%),
    radial-gradient(560px 460px at 96% 10%, rgba(56,189,248,.30),  transparent 70%),
    radial-gradient(660px 520px at 88% 96%, rgba(45,212,191,.24),  transparent 70%),
    radial-gradient(540px 440px at 4% 92%,  rgba(244,114,182,.22), transparent 70%),
    radial-gradient(rgba(255,255,255,.09) 1px, transparent 1.3px) 0 0/22px 22px;
}
/* Dentro de las tarjetas el texto vuelve a ser oscuro */
body .card,body .tile,body .movie,body table,body dialog,body #filter,body #q{
  --text:var(--card-text);--muted:var(--card-muted);color:var(--card-text);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
/* Enlaces y acentos que quedan sobre el fondo */
body .crumb a,body .breadcrumb li strong a,body .eyebrow{color:var(--on-bg-link)}