/* ============================================================
   Blue identity (served at /blue): brand navy + electric blue,
   acid lime kept only as an accent. Loaded after styles.css.
   ============================================================ */
body.theme-blue {
  --bg: #FAF9F6;
  --ink: #000F89;
  --ink-2: #0A1DB0;
  --blue: #1F33FF;
  --line: rgba(0,15,137,0.13);
  --dot-rgb: 0,15,137;
  --dot-hot: #1F33FF;
}
.theme-blue ::selection { background: var(--blue); color: #fff; }

/* big surfaces that were lime → electric blue with white type */
.theme-blue .ticker { background: var(--blue); color: #fff; border-color: var(--ink); }
.theme-blue .ticker-chunk b { color: var(--lime); }
.theme-blue .q4 { background: var(--blue); color: #fff; }
.theme-blue .q4 .h-xl { color: #fff; }
.theme-blue .q4-card { color: var(--ink); }
.theme-blue .creatives { background: var(--blue); }
.theme-blue .tcard-lime { background: var(--blue); color: #fff; }
.theme-blue .tcard-lime li { border-top-color: rgba(255,255,255,0.2); }
.theme-blue .col-lime { background: var(--blue); color: #fff; }
.theme-blue .col-lime .col-arrow { background: #fff; color: var(--blue); }
.theme-blue .hero-card-r { background: var(--blue); color: #fff; }
.theme-blue .hero-title .ht-grey { color: #C3C7E6; }
.theme-blue .reveal-words .w { color: #D5D8EE; }
.theme-blue .reveal-words .w.on { color: var(--ink); }

/* dark sections: near-black → brand navy */
.theme-blue .nav.on-dark { background: rgba(0,15,137,0.55); }
.theme-blue .cta-bg::after { background: linear-gradient(90deg, rgba(0,10,90,0.95) 10%, rgba(0,10,90,0.55) 60%, rgba(0,10,90,0.85)); }
.theme-blue .foot { background: var(--ink); }
.theme-blue .vs-table::before { background: #E6E7F2; }
.theme-blue .vs-row.hl .vs-label { background: var(--blue); color: #fff; }
.theme-blue .acc-item.open .acc-h i { background: var(--blue); }
.theme-blue .acc-item.open .acc-h i::before, .theme-blue .acc-item.open .acc-h i::after { background: #fff; }
.theme-blue .sticker text { fill: var(--ink); }
.theme-blue .cr-list li::before { background: var(--ink); }
.theme-blue .gift-steps li.on em { color: var(--blue); }
.theme-blue .menu { background: var(--ink); }
/* chip inside the word-reveal keeps lime text on navy (the .w.on rule above would turn it navy-on-navy) */
.theme-blue .reveal-words .chipword .w,
.theme-blue .reveal-words .chipword .w.on { color: var(--lime); }
.theme-blue .lang-switch { background: rgba(0,15,137,0.07); }
.theme-blue .nav.on-dark .lang-switch { background: rgba(255,255,255,0.12); }