/* ============================================================
   777 SOFTWARE — HALLOWEEN SKIN (seasonal overlay, 2026)
   One shared sheet linked AFTER each page's inline <style>.
   To remove after Halloween: delete the <link> to this file
   from each page (and this file). Nothing else was rewritten —
   all text, links, hashes and layout are the pages' own.
   The 777 house-mark images are deliberately NOT styled here:
   the theme goes around them, never repaints them.
   ============================================================ */

/* ---------- Palette shift: gold family -> pumpkin ---------- */
:root{
  --gold:#ff8b2d;          /* pumpkin orange (was #f2c14e) */
  --gold2:#ffb066;         /* candlelight orange (was #ffd976) */
  --line:rgba(255,139,45,.32);
}

/* ---------- Night sky on every page: moon + faint stars ----
   background-image only — each page's background COLOR and all
   other background rules stay exactly as authored. On the
   variable-family pages the opaque .hero covers the top band,
   so the hero carries its own moon layer (below). */
body{
  background-image:
    radial-gradient(circle 200px at calc(100% - 128px) 86px,
      rgba(253,243,200,.95) 0 52px, rgba(253,243,200,.50) 64px,
      rgba(255,176,84,.20) 110px, rgba(255,140,40,.07) 160px, transparent 200px),
    radial-gradient(circle 1.5px at 12% 22%, rgba(255,255,255,.45) 1.5px, transparent 2.6px),
    radial-gradient(circle 1.2px at 68% 12%, rgba(255,255,255,.32) 1.2px, transparent 2.3px),
    radial-gradient(circle 1.4px at 38% 30%, rgba(255,255,255,.26) 1.4px, transparent 2.5px),
    radial-gradient(circle 1.1px at 84% 36%, rgba(255,255,255,.28) 1.1px, transparent 2.2px),
    radial-gradient(circle 1.3px at 24% 58%, rgba(255,255,255,.20) 1.3px, transparent 2.4px);
  background-repeat:no-repeat;
}

/* ---------- Hero: same structure, orange glow + moon ------- */
.hero{
  background:
    radial-gradient(circle 190px at calc(100% - 128px) 86px,
      rgba(253,243,200,.95) 0 50px, rgba(253,243,200,.48) 62px,
      rgba(255,176,84,.20) 105px, rgba(255,140,40,.06) 150px, transparent 190px),
    radial-gradient(900px 470px at 50% -60px, rgba(255,139,45,.20), transparent 60%),
    radial-gradient(1100px 520px at 50% -80px, rgba(139,61,255,.30), transparent 65%),
    linear-gradient(180deg, var(--navy2), var(--navy));
}

/* ---------- Headings: subtle pumpkin outer glow ------------ */
h1{ text-shadow:0 0 22px rgba(255,122,26,.28); }
h2{ text-shadow:0 0 18px rgba(255,122,26,.22); }
.brandline{ text-shadow:0 0 16px rgba(255,139,45,.55); }

/* ---------- Hardcoded pages (qdrop / screensavers / machine-report)
   Heading COLORS stay the pages' own (phosphor green / gold);
   the skin adds an orange halo, an orange-lit button glow and
   a faint orange card aura. Text and hashes untouched. ------- */
main h1{ text-shadow:0 0 16px rgba(57,255,90,.16), 0 0 38px rgba(255,122,26,.55); }
main h2{ text-shadow:0 0 12px rgba(57,255,90,.12), 0 0 30px rgba(255,122,26,.42); }
main .card{
  box-shadow:0 12px 30px rgba(0,0,0,.5), 0 0 26px rgba(255,122,26,.10),
             inset 0 1px 0 rgba(255,170,60,.07);
}
main a.btn{
  box-shadow:0 0 18px rgba(57,255,90,.16), 0 0 30px rgba(255,122,26,.26),
             inset 0 1px 0 rgba(255,255,255,.35);
}
main a.btn:hover{
  box-shadow:0 0 28px rgba(57,255,90,.24), 0 0 44px rgba(255,122,26,.45),
             inset 0 1px 0 rgba(255,255,255,.4);
}

/* ---------- Bats: three silhouettes crossing the moon ------
   Inline SVG data-URI — no external image, no network request. */
body::after{
  content:"";
  position:absolute;
  top:6px; right:56px;
  width:380px; height:140px;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 44'%3E%3Cpath d='M2 14 Q20 4 38 10 Q46 2 54 8 Q57 3 60 3 Q63 3 66 8 Q74 2 82 10 Q100 4 118 14 Q108 13 100 20 Q92 13 86 21 Q78 15 70 23 Q64 16 60 19 Q56 16 50 23 Q42 15 34 21 Q28 13 20 20 Q12 13 2 14 Z' fill='%23170830' fill-opacity='0.95'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:96px 35px, 58px 21px, 44px 16px;
  background-position:252px 34px, 150px 4px, 40px 52px;
}

/* ---------- Jack-o'-lantern at the foot of every page ------
   Normal-flow block (footer::before on variable pages,
   main::after on hardcoded pages) — it can never overlap text. */
footer::before,
main::after{
  content:"";
  display:block;
  width:52px; height:64px;
  margin:6px auto 10px;
  background:
    radial-gradient(circle 40px at 50% 58%, rgba(255,140,40,.28), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 60'%3E%3Cpath d='M33 11 Q36 2 45 3 Q41 6 41 11 L40 14 L32 14 Z' fill='%234a7c2f'/%3E%3Cellipse cx='36' cy='37' rx='30' ry='21' fill='%23ed7d0c'/%3E%3Cellipse cx='36' cy='37' rx='14' ry='20' fill='%23f58f1d'/%3E%3Cpath d='M21 31 L26 22 L31 31 Z' fill='%23140a02'/%3E%3Cpath d='M41 31 L46 22 L51 31 Z' fill='%23140a02'/%3E%3Cpath d='M33 38 L36 33 L39 38 Z' fill='%23140a02'/%3E%3Cpath d='M17 43 Q36 56 55 43 L50 50 L45 44 L40 51 L35 44 L30 51 L25 44 L20 49 Z' fill='%23140a02'/%3E%3C/svg%3E") center 8px / 46px 38px no-repeat;
}
main::after{ margin:26px auto 4px; }

/* ---------- Small screens: decorations off, colors stay ----
   A pale moon behind narrow-column body text could hurt
   contrast — so under 760px only the palette shift and the
   heading glows remain. */
@media (max-width:760px){
  body{ background-image:none; }
  .hero{
    background:
      radial-gradient(900px 470px at 50% -60px, rgba(255,139,45,.20), transparent 60%),
      radial-gradient(1100px 520px at 50% -80px, rgba(139,61,255,.30), transparent 65%),
      linear-gradient(180deg, var(--navy2), var(--navy));
  }
  body::after{ display:none; }
  footer::before, main::after{ display:none; }
}