/* ══════════════════════════════════════════════════════════════════════════
   TEXAS ONE — Halloween ("Hallowed Ground")
   The live Halloween homepage's palette and type, brought into the app:
   void, dried blood, tarnished copper, bone, moonlight, and pumpkin lit by
   candle rather than neon. Loaded only while the season is on, and every rule
   is scoped to html[data-season="halloween"], so anyone who turns the season
   off for themselves gets the year-round look back.
   ══════════════════════════════════════════════════════════════════════════ */
:root[data-season="halloween"]{
  --page:#0a0809; --surface:#141010; --sunk:#0f0b0b; --hover:#1c1512;
  --line:rgba(232,225,210,.10); --line-2:rgba(232,225,210,.18);
  --text:#f0e8d8; --muted:#c4b8a4; --dim:#948a7c;
  --fill:rgba(232,225,210,.05); --fill-2:rgba(232,225,210,.09);
  --brand:#e07b23; --brand-hover:#f59a3c; --brand-soft:rgba(224,123,35,.15); --on-brand:#150c06;
  --navy:#2a1312; --flag-blue:#e07b23; --flag-white:#e8dfcd;
  --side:#060405; --side-2:#0f0b0b; --side-text:#f0e8d8; --side-muted:#9a8f80;
  --side-line:rgba(232,225,210,.08); --side-fill:rgba(232,225,210,.05); --side-fill-2:rgba(232,225,210,.09);
  --green:#58ae82; --green-soft:rgba(88,174,130,.14); --amber:#f0aa36; --amber-soft:rgba(240,170,54,.14);
  --blue:#8eacd6; --blue-soft:rgba(142,172,214,.13);
  --blood:#8c2026; --blood-deep:#5e1418; --copper:#d3a45f;
  --shadow-pop:0 18px 44px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.5);
  --f:'Archivo Narrow','Helvetica Neue',Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  color-scheme:dark;
}
:root[data-season="halloween"] body{font-size:14.5px;letter-spacing:.005em}
:root[data-season="halloween"] ::selection{background:var(--brand);color:#150c06}

/* film grain and a vignette over everything, one light source — as on the homepage */
:root[data-season="halloween"] body::after{
  content:"";position:fixed;inset:0;z-index:45;pointer-events:none;
  background:
    radial-gradient(130% 90% at 50% 10%,transparent 48%,rgba(0,0,0,.55) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;opacity:.45}

/* type: Cormorant for titles and figures, small spaced capitals for labels */
:root[data-season="halloween"] .ph h1,
:root[data-season="halloween"] .wshead h1,
:root[data-season="halloween"] .profile-head h1,
:root[data-season="halloween"] .toolhead h1{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;font-size:40px;line-height:1}
:root[data-season="halloween"] .ph h1 em{color:var(--brand);font-weight:500}
:root[data-season="halloween"] .sh h2,
:root[data-season="halloween"] .nav h6,
:root[data-season="halloween"] .eyebrow,
:root[data-season="halloween"] .ph .eyebrow,
:root[data-season="halloween"] .tbl th,
:root[data-season="halloween"] .pop h6,
:root[data-season="halloween"] .cmdk h6,
:root[data-season="halloween"] .feed .day,
:root[data-season="halloween"] .tree .group,
:root[data-season="halloween"] .pop .head b{font-family:var(--f);font-weight:600;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase}
:root[data-season="halloween"] .sh h2{color:var(--text);font-size:12px}
:root[data-season="halloween"] .strip .v,
:root[data-season="halloween"] .row .count,
:root[data-season="halloween"] .stats-inline b,
:root[data-season="halloween"] .cal b{font-family:var(--serif);font-weight:600}
:root[data-season="halloween"] .strip .v{font-size:40px}
:root[data-season="halloween"] .strip .v small{font-family:var(--serif);font-size:20px}

/* the sidebar: a crypt wall, with a web in the corner and fog at its foot */
:root[data-season="halloween"] .side{border-right:1px solid var(--side-line);overflow:hidden}
:root[data-season="halloween"] .flag i:nth-child(1){background:var(--brand)}
:root[data-season="halloween"] .flag i:nth-child(2){background:#e8dfcd}
:root[data-season="halloween"] .flag i:nth-child(3){background:var(--blood)}
:root[data-season="halloween"] .side::before{
  content:"";position:absolute;top:4px;right:0;width:118px;height:118px;pointer-events:none;opacity:.32;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23e8dfcd' stroke-width='.8'%3E%3Cpath d='M120 0 30 90M120 0 62 112M120 0 8 58M120 0 92 118M120 0 2 24'/%3E%3Cpath d='M106 14q-4 6 2 10 6-4 10 2M90 30q-8 10 4 18 12-6 20 4M74 46q-12 14 6 26 18-8 30 6M58 62q-16 18 8 34 24-10 40 8M42 78q-20 22 10 42'/%3E%3Cpath d='M112 6q-6 2-8 8M100 20q-8 4-12 12M86 36q-10 6-16 16'/%3E%3C/svg%3E") no-repeat top right/contain}
:root[data-season="halloween"] .side::after{
  content:"";position:absolute;left:-40px;right:-40px;bottom:-30px;height:190px;pointer-events:none;
  background:radial-gradient(60% 55% at 30% 75%,rgba(196,184,164,.10),transparent 70%),
             radial-gradient(55% 50% at 75% 85%,rgba(196,184,164,.08),transparent 72%);
  filter:blur(6px);animation:fogdrift 18s ease-in-out infinite alternate}
@keyframes fogdrift{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
:root[data-season="halloween"] .side > *{position:relative;z-index:1}
:root[data-season="halloween"] .brand b{font-family:var(--serif);font-weight:700;font-size:26px;letter-spacing:.04em;text-transform:none;font-variant:small-caps}
:root[data-season="halloween"] .brand small{letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;color:var(--brand)}
:root[data-season="halloween"] .brand img,
:root[data-season="halloween"] .masthead > img{filter:sepia(.25) drop-shadow(0 0 12px rgba(224,123,35,.38));animation:candle 5s ease-in-out infinite}
@keyframes candle{0%,100%{filter:sepia(.25) drop-shadow(0 0 10px rgba(224,123,35,.30))}45%{filter:sepia(.25) drop-shadow(0 0 16px rgba(224,123,35,.48))}60%{filter:sepia(.25) drop-shadow(0 0 9px rgba(224,123,35,.26))}}
:root[data-season="halloween"] .nav a.on{background:rgba(224,123,35,.10);color:var(--text)}
:root[data-season="halloween"] .nav a.on svg{color:var(--brand)}
:root[data-season="halloween"] .nav a .n.hot{background:var(--brand);color:#150c06}
:root[data-season="halloween"] .switch{background:rgba(232,225,210,.04)}

/* the top bar and the page */
:root[data-season="halloween"] .top{background:rgba(10,8,9,.88)}
:root[data-season="halloween"] .canary{color:var(--copper);background:rgba(211,164,95,.12)}
:root[data-season="halloween"] .bell .count{color:#150c06;box-shadow:0 0 0 2px #0a0809}
:root[data-season="halloween"] .rule i:nth-child(1){background:var(--brand)}
:root[data-season="halloween"] .rule i:nth-child(2){background:rgba(232,225,210,.22)}
:root[data-season="halloween"] .rule i:nth-child(3){background:var(--blood)}
:root[data-season="halloween"] .list,
:root[data-season="halloween"] .strip,
:root[data-season="halloween"] .tbl-wrap,
:root[data-season="halloween"] .tree{background:linear-gradient(180deg,#151011,#110d0d);border-color:var(--line)}
:root[data-season="halloween"] .tbl th{background:#0f0b0b;color:var(--dim)}
:root[data-season="halloween"] .row .ic,
:root[data-season="halloween"] .cmdk .opt .ic{background:#1c1512;color:var(--copper)}
:root[data-season="halloween"] .row .count.hot{color:var(--brand)}
:root[data-season="halloween"] .btn{background:transparent;border-color:rgba(232,225,210,.25);color:var(--text)}
:root[data-season="halloween"] .btn:hover{background:rgba(232,225,210,.06);border-color:rgba(232,225,210,.4)}
:root[data-season="halloween"] .btn.primary{background:var(--brand);border-color:var(--brand);color:#150c06}
:root[data-season="halloween"] .btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
:root[data-season="halloween"] .btn.ghost{border-color:transparent;color:var(--muted)}
:root[data-season="halloween"] .pill.red{background:rgba(140,32,38,.28);color:#efb0a8}
:root[data-season="halloween"] .tabs .on{border-bottom-color:var(--brand)}
:root[data-season="halloween"] .empty img{filter:sepia(.6) grayscale(.3);opacity:.32}
:root[data-season="halloween"] .empty b{font-family:var(--serif);font-size:19px;font-weight:600}
:root[data-season="halloween"] .feed .av,
:root[data-season="halloween"] span.av{box-shadow:0 0 0 1px rgba(232,225,210,.12)}
:root[data-season="halloween"] .cmdk,
:root[data-season="halloween"] .pop{background:#120e0e}
:root[data-season="halloween"] .toolframe iframe{background:#0a0809}

@media (max-width:900px){
  :root[data-season="halloween"] .ph h1,:root[data-season="halloween"] .wshead h1,:root[data-season="halloween"] .profile-head h1{font-size:31px}
}
@media (prefers-reduced-motion:reduce){
  :root[data-season="halloween"] .brand img,:root[data-season="halloween"] .masthead > img,
  :root[data-season="halloween"] .side::after{animation:none}
}