/* ══════════════════════ BAKED-IN LANDING THEME ══════════════════════
   Shared copy of the <style id="theme-applied"> block that is inlined in
   static/index.html (it stays inlined there so the landing paints on the first
   frame). The blog pages link this file instead of pasting the block seven
   times. KEEP THE TWO IN SYNC — and with the inline #theme-applied in the /app
   shell, which owns the same 3 knobs.

   Must be loaded AFTER styles.css so its overrides win.
   ═══════════════════════════════════════════════════════════════════════ */
:root {                    /* ◀── CHANGE THESE 3 TO RE-THEME (match /app) ── */
  --theme-bg:     #F2F2F7; /* InterviewPro iOS gray — page background */
  --theme-btn:    #007AFF; /* InterviewPro blue — unified button fill */
  --theme-btn-fg: #FFFFFF; /* button text / icon                      */
}
:root { --cream: var(--theme-bg); --paper: color-mix(in srgb, var(--theme-bg), white 60%); }
body,.landing { background: var(--theme-bg)!important; }
.landing-nav { background:color-mix(in srgb, var(--theme-bg), transparent 16%)!important; }
.btn-ink,.btn-lemon,.hero-phone-ribbon,.tweaks .chip.active { background: var(--theme-btn)!important; background-image:none!important; color: var(--theme-btn-fg)!important; box-shadow:0 8px 12px color-mix(in srgb, var(--theme-btn), transparent 72%)!important; }
.dz-browse { background:transparent!important; background-image:none!important; color:var(--ink)!important; border:1.5px solid var(--ink)!important; box-shadow:none!important; }
.feature-icon,.feature-icon.a,.feature-icon.b,.feature-icon.c { background: var(--theme-btn)!important; background-image:none!important; color: var(--theme-btn-fg)!important; }
.dz-circle { background: var(--theme-btn)!important; color: var(--theme-btn-fg)!important; box-shadow:none!important; }
.dz-halo { display:none!important; }
*,*::before,*::after { font-style:normal!important; }   /* ◀ delete for italics */
.hero-h1 em,.section-h2 em,.canvas-header h1 em { background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--ink)!important; -webkit-text-fill-color:var(--ink)!important; }  /* ◀ delete for gradient letters */
/* Footer matches the InterviewPro-blue theme: solid --theme-btn fill (was
   dark ink + magenta glow), flat per the baked look; lemon column headings
   and dim small-print lifted to white tints for contrast on blue. */
.landing-footer { background: var(--theme-btn)!important; }
.landing-footer::before { display:none!important; }
.landing-footer .section-kicker { color: rgba(255,255,255,0.8)!important; }
.footer-small { color: rgba(255,255,255,0.65)!important; border-top-color: rgba(255,255,255,0.22)!important; }