/* The Christmas look for the core pages (7 November 2026). Her words: "I want the main core pages like theater and things
   like that to be in the Christmas styling", "venom has his own styling", and the portals stay as they are.
   The Theatre, the artist pages and the SUPERFAN Shop load this with /christmas/snow.js: the homepage's colours and
   type, its blue night with the frost, and the falling snow. Copied from christmas.css; change them together. */

:root {
  --night: #030a1c;
  --deep: #081838;
  --midnight: #10295a;
  --ice: #bfe3ff;
  --ice-2: #8cc4ff;
  --blue: #2f6bc0;
  --blue-deep: #173d7a;
  --silver: #c9d3df;
  --silver-pale: #eef3f8;
  --text: #eef5ff;
  --text-dim: rgba(238, 245, 255, .72);
  --card: #f5f9fd;
  --card-ink: #13233f;
  --card-dim: rgba(19, 35, 63, .68);
  --line: rgba(201, 211, 223, .34);
  --display: "Cinzel", "Cormorant Garamond", Georgia, serif;
  --deco: "Cinzel Decorative", "Cinzel", Georgia, serif;
  --script: "Pinyon Script", "Cormorant Garamond", cursive;
  --body: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --foil: #c9d3df url(/christmas/silver.webp?v=1) center / 140px 140px repeat;   /* her foil swatch, made silver */
}

html, body { background: var(--deep); color: var(--text); }

/* Behind everything: a deep blue night with a little frost in it, darker at the edges. */
.frost {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .85 0 0 0 0 .92 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 90% 55% at 50% 0%, #22488a 0%, #10295a 42%, #081838 80%, #040c22 100%);
}
.frost::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 75% 85% at 50% 45%, transparent 55%, rgba(0, 4, 16, .5) 100%); }
#snowfall { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }