/* ==========================================================================
   Atelier — "light" variant of the Signature skin (brand.json skin "light" + "skin_base": "signature")
   Same bold type, glass cube, marquee and accent; the page itself is light. The hero, the
   nav and the dark cards stay dark (the "wow" moment), everything else reads on warm white.
   Brand colors give the light page; the dark zones set their own values here.
   ========================================================================== */
.skin-light { --line: rgba(10, 15, 26, .1); }

/* dark zones: nav, mobile menu, hero, dark tiles and side cards */
.skin-light .gnav, .skin-light .mnav, .skin-light .bx-hero, .skin-light .bt-dark, .skin-light .gold-card {
  --stage: #05070c; --panel: #0e1420; --text: #f3f1ea; --ash: #9aa3b2; --line: rgba(255, 255, 255, .1);
  color: var(--text);
}
.skin-light .gnav { background: rgba(5, 7, 12, .86); }
.skin-light .mnav { background: #05070c; }
.skin-light .bx-hero { background: #05070c; }
.skin-light .bt-dark { background: #0a0f1a; border: 0; }
.skin-light .gold-card { background: #05070c; }

/* light zones: product tiles become white cards on the warm page */
.skin-light .bt-product, .skin-light .bt-light {
  background: #fff; box-shadow: 0 1px 0 rgba(10, 15, 26, .04), 0 24px 48px -28px rgba(10, 15, 26, .28);
}
.skin-light .bt:hover { box-shadow: 0 1px 0 rgba(10, 15, 26, .04), 0 34px 60px -28px rgba(10, 15, 26, .35); }
.skin-light .bt-product .chip-price { background: #0a0f1a; border-color: #0a0f1a; }
.skin-light .stats-band {
  background: radial-gradient(60% 80% at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), #fff;
  border-color: var(--line);
}
.skin-light .big-stats dd small { color: var(--eyebrow, var(--accent)); }
.skin-light .kicker span, .skin-light .sx-title .dot { color: var(--eyebrow, var(--accent)); }
.skin-light .bx-hero .kicker span, .skin-light .bx-title .dot { color: var(--accent); }
.skin-light .mq { border-color: #0a0f1a; }

/* inner pages: light tiles keep their cream, dark ones stay dark */
.skin-light .at-gray, .skin-light .at-white, .skin-light .at-warm, .skin-light .at-cool { background: #fff; box-shadow: 0 24px 48px -30px rgba(10, 15, 26, .25); }
.skin-light .at-dark, .skin-light .at-navy, .skin-light .at-black { background: #0a0f1a; border: 0; }

/* footer: light, logo in its dark-ink version (brand.json logo.footer) */
.skin-light .site-footer { background: #efece5; border-color: var(--line); }
.skin-light .footer-col h4 { color: var(--eyebrow, var(--accent)); }
.skin-light .footer-col a:hover { color: var(--text); }
.skin-light .gold-cta .kicker span { color: var(--accent-ink); }
.skin-light .cmp-table td.is-best { color: var(--eyebrow, var(--accent)); font-weight: 600; }