/* Cool page light (round 2, 27 Oct 2026). A partial, not a theme of its own: the cool panel trials (royal-dark, abyss,
   steelblue) @import it after Obsidian. It removes every warm tint Obsidian leaves on large areas (each one made the
   page read brown), so gold only appears as the accent (lines, ornaments, titles, numbers):
   - the official Arena art in monochrome (setBackdrop / artPicker tone 'mono') was sepia "warm charcoal": now blue steel;
   - the gold light wash over page and section art (--j-scene-wash-a): now a cool blue light;
   - the dark red vignette round the hub (--j-veil-landing, blood red at .6) and the red glow over the page top
     (--j-veil): now navy and black;
   - the hub mist (--j-mist-rgb, warm beige) and light shafts (--j-shaft-rgb, gold): now cool;
   - the gold area under the rating chart's line (--j-seis-area-rgb: gold at .34 to .02 over black is brown): now the
     theme's cool light under the gold line;
   - champion art behind pages, sections and the hub: less saturated (--j-scene-filter*, --j-art-tint), so warm splash
     art does not tint the page;
   - the graphite panel's gold corner light, gold top light and warm grain: replaced by each theme's own --j-panel.
   Each theme sets --j-cool-rgb (its light colour) and its surfaces. */

:root {
  --j-cool-rgb: 96, 140, 230;
  --j-mono-filter: blur(6px) grayscale(1) sepia(0.35) hue-rotate(185deg) saturate(1.3) brightness(0.48);
  --j-mono-filter-section: blur(2px) grayscale(1) sepia(0.35) hue-rotate(185deg) saturate(1.3) brightness(0.6) contrast(1.15);
  --j-mono-filter-soft: blur(16px) grayscale(1) sepia(0.35) hue-rotate(185deg) saturate(1.3) brightness(0.4);
  --j-scene-filter: blur(6px) saturate(0.5) brightness(0.48);
  --j-scene-filter-hero: blur(2px) saturate(0.42) brightness(0.5);
  --j-scene-filter-section: blur(2px) saturate(0.5) brightness(0.52);
  --j-scene-filter-soft: blur(16px) saturate(0.45) brightness(0.4);
  --j-scene-filter-wrap: blur(4px) saturate(0.7) brightness(0.36);
  --j-art-tint: saturate(0.72);
  --j-art-tint-hover: saturate(1);
  --j-seis-area-rgb: var(--j-cool-rgb);
  --j-mist-rgb: 176, 196, 232;
  --j-shaft-rgb: var(--j-light-rgb);
  --j-scene-wash-a: radial-gradient(70% 60% at 8% 4%, rgba(var(--j-cool-rgb), 0.14), rgba(var(--j-cool-rgb), 0) 72%);
  --j-scene-wash-b: radial-gradient(70% 65% at 96% 100%, rgba(var(--j-light-rgb), 0.08), rgba(var(--j-light-rgb), 0) 72%);
  --j-hero-wash: radial-gradient(60% 120% at 0 100%, rgba(var(--j-cool-rgb), 0.14), rgba(var(--j-cool-rgb), 0) 70%);
  --j-veil: radial-gradient(900px 420px at 50% -8%, rgba(var(--j-cool-rgb), 0.16) 0%, rgba(var(--j-cool-rgb), 0) 70%),
    linear-gradient(180deg, rgba(var(--j-ink-rgb), 0.45) 0%, rgba(var(--j-ink-rgb), 0.82) 34%, var(--j-coal-1000) 74%),
    radial-gradient(ellipse 120% 90% at 50% 40%, rgba(var(--j-shadow-rgb), 0) 40%, rgba(var(--j-shadow-rgb), 0.7) 100%);
  --j-veil-landing: radial-gradient(ellipse 60% 50% at 50% 34%, rgba(var(--j-cool-rgb), 0.08) 0%, rgba(var(--j-cool-rgb), 0) 70%),
    radial-gradient(ellipse 75% 65% at 50% 38%, rgba(var(--j-shadow-rgb), 0.08) 0%, rgba(var(--j-shadow-rgb), 0.66) 100%),
    radial-gradient(ellipse 130% 100% at 50% 50%, rgba(var(--j-shadow-rgb), 0) 55%, rgba(var(--j-ink-rgb), 0.7) 100%),
    linear-gradient(180deg, rgba(var(--j-shadow-rgb), 0.5) 0%, rgba(var(--j-shadow-rgb), 0.5) 45%, rgba(var(--j-ink-rgb), 0.97) 100%);
}