/* ============================================================
   HNI TEA TALKS - theme v3 "Navy, gold, chai"
   Flat navy, brand gold used sparingly, chai brown accent,
   white page, editorial serif. Loaded after styles.css.
   ============================================================ */
:root{
  --chai:#0C1235;         /* brand navy: header, hero, footer */
  --chai-soft:#0C1235;    /* headings */
  --amber:#D4AF37;        /* brand gold: primary button only */
  --amber-deep:#7A4A2A;   /* chai brown: links, ticks, small accents */
  --gold:#D4AF37;
  --cream:#FFFFFF;        /* page */
  --card:#FFFFFF;
  --ink:#1E2433;
  --muted:#5A6070;
  --line:#E6E2DA;
  --radius:6px;
}
body{background:#FFFFFF;color:var(--ink);font-family:'Public Sans',system-ui,sans-serif}
h1,h2,h3,.serif{font-family:'Newsreader',Georgia,serif;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
h1{font-weight:500}
section.alt{background:#F5F3EF}
header{background:var(--chai);border-bottom:0}
.brand{font-family:'Newsreader',Georgia,serif}
.brand .cup{color:var(--gold)}
.brand-blk small{color:#C9B98A;font-family:'Public Sans',sans-serif}
.navlinks a{color:#DCE0EA}
.navlinks a.active,.navlinks a:hover{color:#FFFFFF}
/* buttons: squarer, gold only on the primary */
.btn{border-radius:6px;background:var(--amber);color:#0C1235}
.btn:hover{background:#E2C25A}
.btn.dark{background:var(--chai);color:#FFFFFF}
.btn.dark:hover{background:#1B2A4A}
.btn.ghost{background:transparent;color:#F2EEE4;border:1.5px solid rgba(242,238,228,.55)}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.navlinks .btn{color:#0C1235}
/* hero: flat navy, plain rectangular photo */
.hero{background:var(--chai);color:#E9ECF3}
.hero h1{color:#FFFFFF}
.hero .lead{color:#B9C1D3}
.hero .eyebrow{color:var(--gold)}
.hero .herohook{color:#E8D9A8;font-family:'Tiro Devanagari Hindi',Georgia,serif !important;font-weight:400}
.arch{border-radius:4px;border:0;box-shadow:none;width:min(360px,85%)}
.eyebrow{color:var(--amber-deep);letter-spacing:.12em}
/* cards: flat, no shadow */
.card,.season,.ep,.book,.ws,.q,.faq details{border-radius:6px;box-shadow:none}
.ws{border-left:3px solid var(--amber-deep)}
.ws:hover{box-shadow:none;transform:translateX(3px)}
.toolcard,.out,.nl{border-radius:6px}
.toolcard p{color:#B9C1D3}
.videoframe{border-radius:6px;box-shadow:none}
/* value band: light, so it separates from the navy hero */
.valueband{background:#F5F3EF;color:var(--ink);border-top:3px solid var(--gold)}
.valueband .vnot{color:#3A4155;font-family:'Newsreader',Georgia,serif}
.valueband .vbut{color:var(--amber-deep);font-family:'Public Sans',sans-serif;font-size:.85rem}
.valueband .checklist li{color:var(--ink)}
.valueband .checklist li::before{color:var(--amber-deep)}
.valueband .vwin{color:var(--amber-deep)}
.valueband .vnext{color:var(--muted)}
/* type swaps for components that named fonts directly */
.statbar .n,.season .snum,.ws b,.wtrack .tlabel,.book h3,.claim,.need b,.pillars dt,.asseen,.score,.out .big,footer h4,.soonlist .si b,.quoteband p,.notband,.soonhead .snum,.hero .herohook{font-family:'Newsreader',Georgia,serif}
.asseen span,.ticks legend{font-family:'Public Sans',sans-serif}
.statbar .n{color:var(--chai)}
.claim{color:var(--amber-deep)}
.season .tag,.tagband,footer .monday,.hindi{font-family:'Tiro Devanagari Hindi','Newsreader',Georgia,serif}
.tagband{background:var(--chai);color:#E8D9A8}
footer{background:var(--chai);color:#B9C1D3}
footer a{color:#DCE0EA}
footer .legal{color:#8E97AD;border-top-color:rgba(255,255,255,.12)}
.checklist li::before{color:var(--amber-deep)}
.needlist a::after{color:var(--amber-deep)}
.wa-float{border-radius:6px}
/* warmer page + navy accent section (v3.1) */
body{background:#FBF8F3}
section.alt{background:#F2ECE2}
.card,.season,.ep,.book,.ws,.q,.faq details,.need{background:#FFFFFF}
section.navy{background:#0C1235;color:#DCE0EA}
section.navy h2{color:#FFFFFF}
section.navy .lead{color:#B9C1D3}
section.navy .needlist li{border-bottom-color:rgba(255,255,255,.14)}
section.navy .needlist a{color:#F2EEE4}
section.navy .needlist a::after{color:#D4AF37}
/* page colour: tea-leaf sage (v3.2) */
body{background:#EEF2EA}
section.alt,.valueband{background:#E2E9DC}