/* ============================================================
   talp. — LIGHT theme override (load AFTER talp.css)
   off-white surface, ink text — the inverse of the dark build
   ============================================================ */
:root {
  --bg:        #f4f3ef;
  --bg-2:      #ebeae4;
  --line:      rgba(20,18,14,0.14);
  --line-soft: rgba(20,18,14,0.07);

  --fg:     #131210;
  --fg-mid: #57544e;
  --fg-dim: #8c887f;

  --blue:  #2a2bf2;
  --green: #15b800;
  --white: #ffffff;
  --gray:  #c9c6c0;
  --slate: #171719;
}

/* nav / status / dropdown surfaces (were hard-coded dark) */
.nav { background: rgba(244,243,239,0.78); }
.mega { background: rgba(246,245,241,0.92); }
.nav-links.open { background: rgba(244,243,239,0.985); }
.status .led { box-shadow: 0 0 8px var(--green); }

/* hero canvas reads a touch brighter on white */
#hero-canvas { opacity: 1; }

/* node-hint + persona popover -> light cards */
.node-hint { background: rgba(244,243,239,.8); border-color: rgba(42,43,242,.3); color: var(--fg-mid); }
#persona-pop {
  background: linear-gradient(180deg, #ffffff, #f6f5f1);
  border: 1px solid rgba(42,43,242,0.4);
  box-shadow: 0 30px 70px -28px rgba(20,18,14,.4), 0 0 40px -14px rgba(42,43,242,.25);
}
.pp-meter .pm-bar { background: rgba(20,18,14,.1); }

/* sector cards: make the near-white card read as a card on off-white */
.card { box-shadow: 0 22px 50px -34px rgba(20,18,14,.45), 0 4px 14px -8px rgba(20,18,14,.18); }
.card.c-white { background: #ffffff; border: 1px solid rgba(20,18,14,.10); }
.card.c-white:hover { box-shadow: 0 30px 60px -28px rgba(20,18,14,.28); }
.card.c-blue { box-shadow: 0 0 0 1.5px rgba(110,110,255,.6), 0 18px 50px -18px rgba(42,43,242,.45); }
.card.c-blue:hover { box-shadow: 0 0 0 1.5px rgba(80,80,255,.9), 0 24px 70px -16px rgba(42,43,242,.6); }
.card.c-green { color:#06330a; box-shadow: 0 18px 50px -18px rgba(21,184,0,.4); }
.card.c-gray { color:#15140f; }
.card.c-slate { color:#efeeea; border: 1px solid rgba(20,18,14,.2); }

/* placeholder + media tints */
.about-media.ph, .ph { background:
  repeating-linear-gradient(45deg, rgba(20,18,14,.06) 0 2px, transparent 2px 12px),
  var(--bg-2); }
.card.c-slate .card-media.ph { background:
  repeating-linear-gradient(45deg, rgba(255,255,255,.10) 0 2px, transparent 2px 12px),
  rgba(0,0,0,0.30); }

/* subtle surfaces that assumed a dark base */
.intel-card { background: linear-gradient(180deg, rgba(20,18,14,0.02), transparent); }
.intel-card:hover { border-color: rgba(42,43,242,.45); }
.pain { background: linear-gradient(180deg, rgba(20,18,14,.02), transparent); }
.tool-row:last-child { border-bottom: 1px solid var(--line); }
.tr-anim { background: radial-gradient(120% 120% at 30% 20%, rgba(42,43,242,.10), transparent 60%), var(--bg-2); }
.anim-ab .col { background: rgba(20,18,14,.12); }
.anim-ad .scr { border-color: rgba(20,18,14,.18); background: rgba(20,18,14,.03); }
.closed-banner { background: rgba(42,43,242,.07); border-color: rgba(42,43,242,.3); }
.closed-banner .badge { color: var(--blue); border-color: rgba(42,43,242,.5); }

/* forms */
.form-field input, .form-field select { background: rgba(20,18,14,0.03); }
.form-field input:focus, .form-field select:focus { background: rgba(42,43,242,.05); border-color: rgba(42,43,242,.6); }
.cal-embed { background: #fff; }

/* calendar (if used) */
.cal { background: rgba(20,18,14,.015); }
.cal-day { background: rgba(20,18,14,.04); }

/* CTA glow stays blue but softer on light */
.cta .glow { background: radial-gradient(circle, rgba(42,43,242,.12), transparent 62%); }

/* legal link colour */
.legal a, .mega-list .badge { }

/* loader bar fill already var(--fg); ensure visible */
.loader-bar { background: var(--line); }

/* badges */
.badge { border-color: var(--line); color: var(--fg-dim); }