/* The O'Bryans' Christmas Trivia: evergreen night, candy-cane red, gold glow, the Mountains of Christmas font
   (Apache 2.0, licence beside the file), a star glow in the corner (.deco-a) and a snowbank along the bottom
   (.deco-b). Gradients only, no masks or clip-paths, for old TV browsers. */
@font-face {
  font-family: 'Mountains of Christmas';
  src: url('/christmas-2026/fonts/mountains-of-christmas.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

:root {
  --bg: #04130b;
  --bg2: #0f3a24;
  --card: rgba(10, 40, 24, 0.86);
  --card-solid: rgba(8, 32, 19, 0.95);
  --card2: rgba(22, 64, 40, 0.9);
  --line: rgba(255, 255, 255, 0.14);
  --text: #fbfdf9;
  --muted: #b7d3c0;
  --accent: #ef3b3b;
  --accent-rgb: 239, 59, 59;
  --accent2: #fecaca;
  --accent2-rgb: 254, 202, 202;
  --accent-ink: #ffffff;
  --accent-deep: #8f1414;
  --title-shadow: #5c0b0b;
  --glow-rgb: 190, 225, 255;   /* icy glow, bottom-left (gold read as olive over the green) */
  --toast: #12442b;
  --qr-title: #b91c1c;
  --qr-url: #14532d;
  --good: #a3e635;
  --bad: #fb7185;
  --display: 'Mountains of Christmas', 'Georgia', serif;
  --display-weight: 700;
}

/* a warm star glow, top right */
.deco-a {
  top: -90px; right: -90px; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(253, 224, 71, 0.40), rgba(253, 224, 71, 0.10) 45%, transparent 70%);
}
/* a snowbank along the bottom */
.deco-b {
  left: -20%; right: -20%; bottom: -70px; height: 160px;
  background: radial-gradient(ellipse 50% 60% at 30% 100%, rgba(255, 255, 255, 0.16), transparent 70%),
              radial-gradient(ellipse 45% 55% at 75% 100%, rgba(255, 255, 255, 0.13), transparent 70%);
}
@media (max-width: 700px) { .deco-a { width: 200px; height: 200px; top: -70px; right: -70px; } }
.tvbody .deco-a { width: 30vw; height: 30vw; top: -10vw; right: -10vw; }
.tvbody .deco-b { height: 14vh; bottom: -5vh; }