/* ============================================================================
   REEL NUMBERS — one cohesive brand (marquee-deco). ADDITIVE override layer:
   loaded AFTER each page's inline <style> so it wins on the shared components
   (.mast / .nav / table.chart / .logo / .toggle). Kills the Box Office Mojo red,
   swaps in ink + gold + the Limelight wordmark, warms the paper. Revert = remove
   this one <link>. Pairs with v3000-shimmer.css (now gold-tinted).
   Palette: ink #0e0e12 · gold #c8a24a · gold-bright #e3c777 · cream paper #fbf7ee
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Limelight&family=Cinzel:wght@500;600;700&display=swap');

:root{
  --rn-ink:#0e0e12; --rn-ink2:#191720; --rn-gold:#c8a24a; --rn-gold2:#e3c777;
  --rn-paper:#fbf7ee; --rn-cream:#f3ead7; --rn-line:#e7dcc6;
}

/* warm paper everywhere (was stark white) — unifies with Box Office Odds */
body{ background:var(--rn-paper) !important; }

/* ---- masthead: ink, not red; the wordmark goes Limelight gold ----------- */
.mast{
  background:var(--rn-ink) !important; color:var(--rn-cream) !important;
  border-bottom:1px solid #2a2433;
}
.mast .logo{
  font-family:'Limelight', Georgia, serif !important;
  font-weight:400 !important; letter-spacing:1.5px; color:var(--rn-gold) !important;
  text-transform:uppercase;
}
.mast .logo i{ color:var(--rn-gold2) !important; font-style:normal; }

/* ---- section headers + table header rows: ink w/ gold text (was red) ---- */
h2.sect,
table.chart th{
  background:var(--rn-ink) !important; color:var(--rn-gold2) !important;
}

/* ---- featured nav pills + CTAs: gold on ink (was red) ------------------- */
.nav a.navfeat{
  background:var(--rn-ink) !important; color:var(--rn-gold2) !important;
}
a.fleek-cta, #manifesto button{
  background:var(--rn-gold) !important; color:var(--rn-ink) !important;
}

/* ---- toggles: gold/ink instead of red ---------------------------------- */
.toggle{ border-color:var(--rn-gold) !important; }
.toggle button{ color:var(--rn-gold) !important; }
.toggle button[aria-pressed="true"]{ background:var(--rn-ink) !important; color:var(--rn-gold2) !important; }
.toggle button+button{ border-left-color:var(--rn-gold) !important; }

/* ---- hidden Letterboxd egg (the proprietor's taste) -------------------- */
.lbxd-egg{ opacity:.16; transition:opacity .4s; }
.lbxd-egg:hover{ opacity:1; }
.lbxd-egg a{ color:var(--rn-gold) !important; text-decoration:none; font-weight:700; }

/* ---- the lander wordmark lockup (Limelight, gold) ---------------------- */
.rn-wordmark{ font-family:'Limelight', Georgia, serif; color:var(--rn-gold2);
  font-size:clamp(22px,5vw,32px); letter-spacing:2px; text-transform:uppercase;
  text-decoration:none; display:inline-block; line-height:1; }
.rn-wordmark:hover{ color:#fff6dc; }

/* ---- masthead tagline (was pink #ffcccc) ------------------------------- */
.mast .tag{ color:var(--rn-gold2) !important; opacity:.85; }

/* ---- the OTHER reds in the shared theme: #800000 nav/h1/foot, #a00 hover  */
.nav a{ color:#6e5518 !important; }                 /* deep gold-brown, readable on gray nav */
.nav a:hover{ color:var(--rn-ink) !important; }
.nav a.navfeat{ color:var(--rn-gold2) !important; } /* keep the pill gold-on-ink */
.nav a.navfeat:hover{ background:#241d10 !important; color:#fff !important; }
.foot b{ color:#6e5518 !important; }
table.chart th:hover{ background:var(--rn-ink2) !important; }   /* override the injected #a00 */

/* ---- display headings: deco serif, brand gold-brown (was red #800000) --- */
h1{ font-family:'Cinzel', Georgia, serif; letter-spacing:.3px; color:#6e5518 !important; }

/* ---- fleek-civic.js injected widgets: kill the red (override w/ !important) */
#fleekBug, #fleekBugSend, #fleekVote{ background:var(--rn-gold) !important; color:var(--rn-ink) !important; }
#fleekBug:hover, #fleekBugSend:hover, #fleekVote:hover{ background:#b8902f !important; }
#fleekBugCard .hd{ background:var(--rn-ink) !important; color:var(--rn-gold2) !important; }
#fleekCivic{ border-left-color:var(--rn-gold) !important; }
#fleekCivic .hd{ color:#6e5518 !important; }