/* ============================================================================
   PCBL — LIGHT THEME ("lab notebook")
   Warm paper, faint dotted grid, crisp white cards with layered shadows,
   deep forest accents. Footer + CTA blocks stay dark for contrast and depth.
   Loaded last on every page; everything is scoped to [data-theme="light"].
   ========================================================================== */
[data-theme="light"]{
  --bg:        #f5f5ee;
  --bg-2:      #ffffff;
  --bg-3:      #ecefe5;
  --panel:     #ffffff;
  --panel-2:   #f2f4ec;
  --line:      rgba(12,52,36,.10);
  --line-2:    rgba(12,52,36,.20);
  --text:      #0b1d15;
  --text-2:    #2e473a;
  --muted:     #5c7367;
  --accent:    #0a8453;
  --accent-2:  #4f7f0b;
  --accent-3:  #0b7a80;
  --accent-ink:#ffffff;
  --track:     rgba(12,52,36,.09);
  --shadow:    0 1px 2px rgba(12,40,28,.05), 0 22px 48px -22px rgba(12,40,28,.28);
  --shadow-sm: 0 1px 2px rgba(12,40,28,.05), 0 8px 22px -12px rgba(12,40,28,.18);
  --glow:      0 0 0 1px rgba(10,132,83,.2), 0 18px 50px -24px rgba(10,132,83,.35);
}

/* paper + dotted grid */
[data-theme="light"] body{
  background-color:var(--bg);
  background-image:radial-gradient(rgba(12,52,36,.085) 1px, transparent 1.3px);
  background-size:26px 26px; background-attachment:fixed;
}
[data-theme="light"] body::before{ opacity:.14; }

/* ---------------------------------------------------------- cards: white + shadow */
[data-theme="light"] :is(.paper,.proj,.book,.res-card,.social-card,.sum,.panel,.prog-card,.channel,.contact-form,
  .composer,.ex-card,.collab,.year-chart,.sync-note,.mega-clock,.pcard-face,.mine-row,.river-logo,.seg,.inv-row,.deliv li){
  background:#fff; border-color:var(--line); box-shadow:var(--shadow-sm);
}
[data-theme="light"] :is(.paper,.proj,.book,.res-card,.ex-card,.collab,.social-card,.channel,.river-logo,.sum):hover{ box-shadow:var(--shadow); }
[data-theme="light"] :is(.chip:not(.on),.search input,.sort-sel,.view-toggle,.cred-bar,.team-switch,.m-tabs,.theme-btn,.menu-btn,.btn-ghost,.rail-btn:not(:hover)){
  background:#fff; box-shadow:var(--shadow-sm);
}
[data-theme="light"] .add-proj-card{ background:rgba(255,255,255,.55); }
[data-theme="light"] .add-proj-card:hover{ background:#fff; box-shadow:var(--shadow); }
[data-theme="light"] .pcard-face.back{ background:linear-gradient(155deg,#e3f3ea,#fff 70%); }
[data-theme="light"] :is(.ocl-in,.pc-logo){ box-shadow:0 0 0 1px var(--line), 0 12px 28px -16px rgba(12,40,28,.35); }

/* ---------------------------------------------------------- nav + menu */
[data-theme="light"] .nav.solid{ background:rgba(250,250,245,.82); box-shadow:0 1px 0 var(--line), 0 10px 30px -24px rgba(12,40,28,.3); }
[data-theme="light"] .menu-panel{ background:rgba(255,255,255,.94); box-shadow:0 30px 80px -30px rgba(12,40,28,.4); }
[data-theme="light"] .menu-item:hover,[data-theme="light"] .menu-item.active{ background:var(--panel-2); }
[data-theme="light"] .menu-scrim.on{ background:rgba(20,40,30,.16); }

/* ---------------------------------------------------------- hero */
[data-theme="light"] .hero-glow.a{ background:radial-gradient(circle,rgba(10,132,83,.16),transparent 68%); }
[data-theme="light"] .hero-glow.b{ background:radial-gradient(circle,rgba(11,122,128,.12),transparent 68%); }
[data-theme="light"] .hero-glow.c{ background:radial-gradient(circle,rgba(79,127,11,.12),transparent 68%); }
[data-theme="light"] .portrait{ border-color:rgba(12,52,36,.16); box-shadow:0 40px 80px -40px rgba(12,40,28,.55); }
[data-theme="light"] .ring{ border-color:rgba(12,52,36,.14); }
[data-theme="light"] .ring.r2{ border-color:rgba(10,132,83,.22); }
[data-theme="light"] .orbit-chip{ background:rgba(255,255,255,.88); box-shadow:var(--shadow); }
[data-theme="light"] .hero-kicker{ background:#fff; box-shadow:var(--shadow-sm); }
[data-theme="light"] .page-head::after{ background:radial-gradient(circle,rgba(10,132,83,.12),transparent 65%); }

/* ---------------------------------------------------------- bands */
[data-theme="light"] .stats,[data-theme="light"] .marquee{ background:#fff; box-shadow:0 1px 0 var(--line), 0 -1px 0 var(--line); }
[data-theme="light"] .stat b{ background:linear-gradient(180deg,var(--text),#3e5a4b); -webkit-background-clip:text; background-clip:text; }
[data-theme="light"] .stat:hover b{ background:linear-gradient(100deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; }

/* ---------------------------------------------------------- data viz + bits */
[data-theme="light"] .yc-bar i{ background:linear-gradient(180deg,var(--accent-2),rgba(10,132,83,.35)); }
[data-theme="light"] .yc-bar.on i{ background:linear-gradient(180deg,var(--accent),var(--accent-2)); box-shadow:0 0 22px -4px var(--accent); }
[data-theme="light"] .river-logo img,[data-theme="light"] .river-logo svg{ filter:grayscale(1) brightness(0); opacity:.45; }
[data-theme="light"] .river-logo:hover img,[data-theme="light"] .river-logo:hover svg{ filter:none; opacity:1; }
[data-theme="light"] .seg.s{ background:#eaf6ef; }
[data-theme="light"] .toast{ background:#fff; box-shadow:var(--shadow); }
[data-theme="light"] .field input,[data-theme="light"] .field select,[data-theme="light"] .field textarea{ background:#fbfbf7; }
[data-theme="light"] .scroll-prog{ box-shadow:none; }

/* cursor: difference-blend looks muddy on paper → solid forest cursor instead */
[data-theme="light"] .cursor{ background:var(--accent); box-shadow:0 0 8px rgba(10,132,83,.5); }
[data-theme="light"] .cr-hex polygon{ stroke:rgba(10,132,83,.7); }
[data-theme="light"] .cr-hex circle{ stroke:var(--accent-2); }
[data-theme="light"] .cursor-ring.hot .cr-hex polygon{ stroke:var(--accent); fill:rgba(10,132,83,.08); }

/* ---------------------------------------------------------- dark islands
   Footer and CTA blocks keep the dark forest palette in light mode.       */
[data-theme="light"] :is(.footer,.cta,.curtain){
  --bg:#050e0a; --bg-2:#07160f; --bg-3:#0a1f16;
  --panel:rgba(255,255,255,.04); --panel-2:rgba(255,255,255,.07);
  --line:rgba(167,243,208,.13); --line-2:rgba(167,243,208,.26);
  --text:#e9f5ee; --text-2:#b7cdc0; --muted:#8aa597;
  --accent:#6ee7a8; --accent-2:#bef264; --accent-3:#2dd4bf; --accent-ink:#04130c;
  color:var(--text);
}
[data-theme="light"] .footer{ background:#07160f; }
[data-theme="light"] .cta{ background:linear-gradient(140deg,#0a2419,#113a29); border-color:transparent; box-shadow:0 40px 80px -40px rgba(12,40,28,.6); }
[data-theme="light"] .cta .btn-ghost{ background:rgba(255,255,255,.05); box-shadow:none; }
[data-theme="light"] .footer .pcbl-mark stop:nth-child(1){ stop-color:#2dd4bf; }
[data-theme="light"] .footer .pcbl-mark stop:nth-child(2){ stop-color:#6ee7a8; }
[data-theme="light"] .footer .pcbl-mark stop:nth-child(3){ stop-color:#bef264; }

/* transition screen stays dark forest in light mode so the logo reads */
[data-theme="light"] .curtain > i{ background:linear-gradient(180deg,#0a1f16,#07160f); border-right-color:rgba(167,243,208,.1); }