/* The holiday themes: site/holiday.js sets <html data-holiday> in the two
   weeks leading up to each one, and on the day. Each recolours the site's accent
   (it's called --green, but it's whatever the accent is then) and the two glows
   behind the page. The accents stay bright: they're text on near-black. */
html[data-holiday] body {
  background-image:
    radial-gradient(1200px 600px at 80% -10%, var(--hol-glow-1), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, var(--hol-glow-2), transparent 60%),
    linear-gradient(180deg, var(--hol-top, #0b0e11) 0%, var(--bg) 40%);
}

html[data-holiday="new-year"] {
  --green: #f2cf6b; --green-hi: #fff0b8; --green-lo: #7a6320; --glow: rgba(242, 207, 107, .45);
  --hol-glow-1: rgba(242, 207, 107, .12); --hol-glow-2: rgba(160, 170, 255, .08); --hol-top: #0b0d16;
}
html[data-holiday="coming-of-age"] {
  --green: #36d6b4; --green-hi: #a8f0e0; --green-lo: #13604f; --glow: rgba(54, 214, 180, .45);
  --hol-glow-1: rgba(54, 214, 180, .12); --hol-glow-2: rgba(242, 196, 90, .10); --hol-top: #071210;
}
html[data-holiday="valentines"] {
  --green: #ff7aa8; --green-hi: #ffc2d6; --green-lo: #7d2546; --glow: rgba(255, 122, 168, .45);
  --hol-glow-1: rgba(255, 122, 168, .13); --hol-glow-2: rgba(255, 80, 110, .07); --hol-top: #140b0f;
}
html[data-holiday="st-patricks"] {
  --green: #3ee07a; --green-hi: #a6f5c2; --green-lo: #17602f; --glow: rgba(62, 224, 122, .45);
  --hol-glow-1: rgba(62, 224, 122, .14); --hol-glow-2: rgba(242, 196, 90, .06); --hol-top: #08120c;
}
html[data-holiday="easter"] {
  --green: #c3a6ff; --green-hi: #e6dbff; --green-lo: #5a3f96; --glow: rgba(195, 166, 255, .45);
  --hol-glow-1: rgba(195, 166, 255, .13); --hol-glow-2: rgba(255, 220, 130, .07); --hol-top: #0f0c16;
}
html[data-holiday="golden-week"] {
  --green: #6aaeff; --green-hi: #bcdaff; --green-lo: #1d4d85; --glow: rgba(106, 174, 255, .45);
  --hol-glow-1: rgba(106, 174, 255, .13); --hol-glow-2: rgba(255, 90, 90, .08); --hol-top: #080d16;
}
html[data-holiday="birthday-jill"] {
  --green: #ff7ac0; --green-hi: #ffc4e3; --green-lo: #7d2552; --glow: rgba(255, 122, 192, .45);
  --hol-glow-1: rgba(255, 122, 192, .14); --hol-glow-2: rgba(90, 209, 230, .10); --hol-top: #140b12;
}
html[data-holiday="birthday-doug"] {
  --green: #5ad1e6; --green-hi: #b4eef7; --green-lo: #1d6170; --glow: rgba(90, 209, 230, .45);
  --hol-glow-1: rgba(90, 209, 230, .14); --hol-glow-2: rgba(242, 196, 90, .09); --hol-top: #081116;
}
html[data-holiday="independence"] {
  --green: #ff5d6c; --green-hi: #ffb3ba; --green-lo: #7c1f2a; --glow: rgba(255, 93, 108, .45);
  --hol-glow-1: rgba(255, 93, 108, .12); --hol-glow-2: rgba(90, 130, 255, .12); --hol-top: #0a0d18;
}
html[data-holiday="halloween"] {
  --green: #ff8f2e; --green-hi: #ffc58f; --green-lo: #7f3e0c; --glow: rgba(255, 143, 46, .5);
  --hol-glow-1: rgba(255, 143, 46, .14); --hol-glow-2: rgba(150, 80, 220, .12); --hol-top: #100b14;
}
html[data-holiday="fifth-of-november"] {
  --green: #ff4a50; --green-hi: #ffa6a8; --green-lo: #7a1418; --glow: rgba(255, 74, 80, .5);
  --hol-glow-1: rgba(255, 74, 80, .14); --hol-glow-2: rgba(255, 176, 58, .07); --hol-top: #0d0707;
}
html[data-holiday="diwali"] {
  --green: #ffc23d; --green-hi: #ffe39a; --green-lo: #85590a; --glow: rgba(255, 194, 61, .5);
  --hol-glow-1: rgba(255, 194, 61, .14); --hol-glow-2: rgba(214, 51, 138, .12); --hol-top: #120a14;
}
html[data-holiday="thanksgiving"] {
  --green: #ec9a4f; --green-hi: #f8cd9f; --green-lo: #7a4518; --glow: rgba(236, 154, 79, .45);
  --hol-glow-1: rgba(236, 154, 79, .13); --hol-glow-2: rgba(200, 80, 40, .08); --hol-top: #130e0a;
}
html[data-holiday="christmas"] {
  --green: #ff6a5c; --green-hi: #ffb3a9; --green-lo: #7e2219; --glow: rgba(255, 106, 92, .45);
  --hol-glow-1: rgba(255, 106, 92, .12); --hol-glow-2: rgba(70, 200, 120, .10); --hol-top: #08110c;
}