/* ==========================================================================
   MoorPicks — signature-light.css  ·  "Signature Light" variant
   Loaded after signature.css (tools/build_site.py → head(), <html class="skin-light">).
   Ported from tema-premium/atelier/assets/css/skin-light.css (live on moorprod.com):
   the nav, the mobile menu and the home hero (headline + glass cube + stats) stay dark;
   everything after the hero reads on warm white. Dark link tiles and the CTA side card stay dark.
   Blue: #0066cc for small accent text on light; #2997ff / #0071e3 inside the dark zones.
   ========================================================================== */

/* 01 · Light tokens (whole page) ------------------------------------------ */
:root {
  --stage: #f7f5f0;
  --panel: #ffffff;
  --panel-2: #f1eee7;
  --studio: #ffffff;
  --paper: #f7f5f0;
  --paper-2: #ebe7de;
  --surface: #ffffff;
  --ink: #0a0f1a;
  --ink-2: #3a404d;
  --muted: #5b6170;
  --line: rgba(10, 15, 26, .1);
  --line-2: rgba(10, 15, 26, .2);
  --accent-bright: #0066cc;
  --forest: #0066cc;
  --forest-2: #0066cc;
  --forest-tint: rgba(0, 102, 204, .09);
  --saffron-tint: #fdf1d9;
  --coral: #e0352b;
  --coral-tint: #fde8e6;
  --card-shadow: 0 1px 0 rgba(10, 15, 26, .04), 0 24px 48px -28px rgba(10, 15, 26, .28);
  --card-shadow-hover: 0 1px 0 rgba(10, 15, 26, .04), 0 34px 60px -28px rgba(10, 15, 26, .35);
  --shadow-1: var(--card-shadow);
  --shadow-2: var(--card-shadow-hover);
  --shadow-3: 0 1px 0 rgba(10, 15, 26, .04), 0 40px 80px -36px rgba(10, 15, 26, .35);
  color-scheme: light;
}

/* 02 · Dark zones: disclosure bar, nav, mobile menu, home hero, dark tiles, CTA side card */
.disclosure-bar, .site-header, .mobile-nav, .bx-hero, .bt-dark, .gold-card {
  --stage: #05070c;
  --panel: #111318;
  --panel-2: #181b21;
  --paper: #05070c;
  --paper-2: #1d2027;
  --surface: #111318;
  --ink: #f5f5f7;
  --ink-2: #c4c6cc;
  --muted: #9aa3b2;
  --line: rgba(255, 255, 255, .1);
  --line-2: rgba(255, 255, 255, .22);
  --accent-bright: #2997ff;
  --forest: #2997ff;
  --forest-2: #2997ff;
  --forest-tint: rgba(41, 151, 255, .14);
  --shadow-3: 0 0 0 1px rgba(255, 255, 255, .1), 0 40px 90px -30px rgba(0, 0, 0, .9);
  color-scheme: dark;
  color: var(--ink);
}
.bx-hero { background: #05070c; }
.bt-dark { background: #0a0f1a; box-shadow: none; }
.gold-card { background: #05070c; }

/* 03 · Base & controls on light ----------------------------------------- */
.btn { --bg: #0a0f1a; --fg: #fff; }
.btn-amazon { --bg: var(--saffron); --fg: #111; }
.btn-amazon:hover { --bg: #f7c25e; }
.btn-forest { --bg: var(--accent); --fg: #fff; }
.btn-forest:hover { --bg: var(--accent-hover); }
.btn-ghost, .btn-ghost:hover { --bg: transparent; --fg: var(--ink); }
.chip:not(.chip-dark):not(.chip-forest):not(.chip-saffron):not(.chip-coral) { background: rgba(10, 15, 26, .035); }
.chip-saffron { color: #7a5300; }
.chip-coral { color: #b3261e; }
.score-ring { background: conic-gradient(var(--col) calc(var(--val) * 1%), #e4e0d7 0); }
.seg button[aria-pressed="true"] { background: var(--ink); color: #fff; }
.select select {
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a404d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8em center / 14px;
}
.switch input { background: #cfcbc2; }
.skip-link { background: var(--ink); color: #fff; }
.disclosure-inline { background: rgba(10, 15, 26, .035); }
.toast { background: #0a0f1a; color: #fff; }

/* 04 · Footer: light, dark-ink logo, outline brand word ---------------- */
.site-footer { background: #efece5; color: var(--muted); border-color: var(--line); }
.footer-word { -webkit-text-stroke: 1.5px rgba(0, 102, 204, .32); }
.site-footer a { color: #4a5060; }
.site-footer a:hover { color: var(--ink); }

/* 05 · Home after the hero --------------------------------------------- */
.mq { border-color: #0a0f1a; }
.bt-product { background: #fff; box-shadow: var(--card-shadow); }
.bt:hover { box-shadow: var(--card-shadow-hover); }
.bt-dark:hover, .bt-accent:hover { box-shadow: 0 34px 60px -28px rgba(10, 15, 26, .45); }
.bt-product .bt-num { color: #0066cc; }
.bt-product .chip-price { background: #0a0f1a; border-color: #0a0f1a; }
.cmp-band { background: radial-gradient(60% 70% at 100% 50%, rgba(0, 113, 227, .08), transparent 70%), var(--stage); }
.hero-panel { background: #fff; box-shadow: var(--shadow-3); }
.stats-band { background: radial-gradient(60% 80% at 100% 0%, rgba(0, 113, 227, .1), transparent 60%), #fff; border-color: var(--line); }
.big-stats > div { border-top-color: #0066cc; }
.gold-cta .kicker span { color: #fff; }

/* 06 · Cards, listing, inner pages ------------------------------------ */
.card, .guide-card, .pdp-side-card, .pc-col, .score-overall, .spec-group, .rating-card, .review, .theme-col,
.slot-card, .cmp-chart-card, .cmp-table-wrap, .pick, .toc, .quick-picks, .guide-pick, .faq details, .deals-note,
.buy-panel, .quick-spec, .hero-panel { box-shadow: var(--card-shadow); }
.card:hover, .pick:hover { box-shadow: var(--card-shadow-hover); }
.card-media { background: #fff; box-shadow: inset 0 0 0 1px rgba(10, 15, 26, .05); }
.toolbar, .toolbar { background: rgba(247, 245, 240, .92); }
@supports (backdrop-filter: blur(12px)) { .toolbar, .pdp-tabs { background: rgba(247, 245, 240, .8); } }
.pdp-tabs { background: rgba(247, 245, 240, .94); }
.gallery-main { background: #fff; box-shadow: var(--card-shadow); }
.gallery-nav { box-shadow: 0 6px 18px -6px rgba(10, 15, 26, .35), inset 0 0 0 1px var(--line); }
.thumbs button { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.buybox-verdict { color: #0a3d75; }
.buybox-verdict small { color: #0066cc; }
.histo-track, .score-bar-track { background: #e8e4dc; }
.radar .grid-ring, .radar .grid-spoke { stroke: rgba(10, 15, 26, .1); }
.radar .grid-ring.outer { stroke: rgba(10, 15, 26, .22); }
.radar .series circle { stroke: #fff; }
.slot-remove { background: #0a0f1a; color: #fff; }
.slot-card .slot-thumb { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.cmp-note { color: #6b4a00; }
.cmp-table td.is-best { font-weight: 700; }
.prose .callout { color: #5c4000; }
.deal-off.deal-offer { color: #b3261e; }
.guide-card-media { background: #fff; border-bottom: 1px solid var(--line); }
.guide-pick-media { background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.quick-pick img, .cmp-prod img, .pick img { box-shadow: inset 0 0 0 1px var(--line); }
.contact-panel input, .contact-panel textarea { background: #fff; }
@media (max-width: 680px) {
  .toolbar { background: rgba(247, 245, 240, .94); }
}

/* nav stays a dark bar over the light page (a see-through dark tint turns grey on warm white) */
.site-header, .site-header.is-scrolled { background: #05070c; -webkit-backdrop-filter: none; backdrop-filter: none; }
@supports (backdrop-filter: blur(12px)) { .site-header, .site-header.is-scrolled { background: #05070c; } }