/* Shared by the static homepage and every Next.js route. */
html[data-theme=light],
html[data-theme=light] body {
  color-scheme: light;
  --bg: #faf9fd;
  --panel: #f1eef8;
  --card: #fff;
  --card2: #ebe5f5;
  --text: #211c32;
  --ink: #211c32;
  --muted: #625c72;
  --line: #d8d3e4;
  --lime: #6b43c7;
  --purple: #6b43c7;
  --lime-ink: #fff;
  --softlime: rgba(107,67,199,.08);
  --action: #6241ad;
  --action-hover: #52338f;
  --nav: #faf9fd;
  --shadow: 0 20px 70px rgba(52,35,85,.09);
}

/* Solid actions use a quieter purple; pale surfaces carry the supporting color. */
html[data-theme=light] :is(.btn-primary,.button.lime,.beta-nav-chip,.bos-button-primary,.beta-comingsoon-card .beta-telegram,.profile-link-open) {
  background: var(--action);
  border-color: var(--action);
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(75,45,131,.10);
}
html[data-theme=light] :is(.btn-primary,.button.lime,.beta-nav-chip,.bos-button-primary,.beta-comingsoon-card .beta-telegram,.profile-link-open):hover {
  background: var(--action-hover);
  border-color: var(--action-hover);
  color: #fff !important;
}
html[data-theme=light] :is(.beta-nav-chip,.package-tab.active) {
  background: var(--card2);
  border-color: var(--line);
  color: var(--lime) !important;
  box-shadow: none;
}
html[data-theme=light] :is(.beta-nav-chip,.package-tab.active):hover {background:#e1d8f1;color:var(--action-hover) !important}
html[data-theme=light] :is(.btn-quiet,.bos-button-alt,.beta-comingsoon-card .beta-twitter) {background:var(--card);border-color:var(--line);color:var(--text)}
html[data-theme=light] :is(.btn-quiet,.bos-button-alt,.beta-comingsoon-card .beta-twitter):hover {background:var(--card2);border-color:#b7a5d9;color:var(--action-hover)}
html[data-theme=light] :is(.lime-text,.selected-info button,.collection-story li:before,.play) {color:var(--lime) !important}
html[data-theme=light] :is(.beta-v6-eyebrow,.spotlight-name) {color:var(--lime)}
html[data-theme=light] :is(.nav-links,.package li) {color:var(--muted)}
html[data-theme=light] :is(.feature:hover,.package.featured,.step) {border-color:#b7a5d9}
html[data-theme=light] .feature:nth-child(2) .feature-ic {background:var(--softlime);color:var(--purple)}
html[data-theme=light] .package.featured {background:linear-gradient(145deg,#eae2f8,var(--panel) 65%)}
html[data-theme=light] .package.gold {border-color:#b7a5d9}
html[data-theme=light] .package.gold .package-tag {color:var(--purple)}
html[data-theme=light] .eyebrow-dot {box-shadow:0 0 0 5px var(--softlime)}
html[data-theme=light] .steps-section {background:linear-gradient(180deg,transparent,var(--softlime),transparent)}
html[data-theme=light] .float-card {background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme=light] .showcase-glow {background:radial-gradient(ellipse,#d7c8f2,transparent 70%);opacity:.5}
html[data-theme=light] :is(.spotlight-v6,.bos-page .bos-hero,.bos-page .bos-offers) {background:radial-gradient(ellipse at 80% 35%,var(--softlime),transparent 65%),var(--bg)}

/* The beta invitation and Genesis ticket are light surfaces too. */
html[data-theme=light] .beta-panel {background:linear-gradient(115deg,#eee7f8,#f6f2fb 55%,#e6ddf3);border-color:#c7b7e2;color:var(--text)}
html[data-theme=light] .beta-panel:before {border-color:#c7b7e2;box-shadow:0 0 0 65px #6b43c705,0 0 0 135px #6b43c705}
html[data-theme=light] .beta-panel :is(h2,.beta-benefit,.ticket-number,.ticket-label) {color:var(--text)}
html[data-theme=light] .beta-panel :is(p,.beta-cta small,.ticket-small) {color:var(--muted)}
html[data-theme=light] .beta-panel :is(.eyebrow,.ticket-head,.beta-benefit svg) {color:var(--purple)}
html[data-theme=light] .beta-ticket {background:#ffffff80;border-color:#c7b7e2}
html[data-theme=light] .beta-ticket:after {opacity:.06}
html[data-theme=light] .spotlight-brand {background:linear-gradient(135deg,#e7def4,#f5f1fb);color:var(--text)}
html[data-theme=light] .spotlight-brand-tag {color:var(--purple)}
html[data-theme=light] .spotlight-brand p {color:var(--muted)}
html[data-theme=light] :is(.spotlight-brand>.homepage-nft-art,.project-card-art>.bos-artwork-crop) {border-color:#d4c6e9;box-shadow:0 12px 30px #39205e1a}
html[data-theme=light] :is(.journal-v6-image,.blog-image) {background:var(--card2)}
html[data-theme=light] .journal-v6-head h2 span:last-child {color:var(--muted)}
html[data-theme=light] .modal-note {color:var(--muted);border-color:var(--line)}
html[data-theme=light] dialog {box-shadow:0 24px 80px #39205e26}

/* Community pages retain the original NFT art, with matching card frames. */
html[data-theme=light] .bos-page .bos-collection-card {background:linear-gradient(145deg,#fff,#eee7f8);border-color:#c7b7e2;color:var(--text);box-shadow:0 20px 45px #39205e24}
html[data-theme=light] .bos-page .bos-collection-card-main figcaption small {color:var(--purple)}
html[data-theme=light] .bos-page .bos-collection-card-main figcaption>span {border-color:var(--line);color:var(--muted)}
html[data-theme=light] .bos-page .bos-metrics-feature {background:linear-gradient(135deg,#e5d9f6,#f2ecfa) !important;border-color:#b7a5d9 !important;color:var(--purple)}
html[data-theme=light] .bos-page .bos-metrics-feature span {color:var(--muted)}
html[data-theme=light] .bos-page .bos-market-mark {background:var(--card2);color:var(--purple)}

/* Beta registration, migration status, social actions and progress states. */
html[data-theme=light] .beta-page-v6 .beta-migration-card {background:linear-gradient(125deg,#eee5fa,#e6d9f5 50%,#f4eefb);border-color:#b7a5d9 !important;color:var(--text);box-shadow:0 14px 44px #39205e0d}
html[data-theme=light] .beta-page-v6 .beta-migration-card h3 {color:var(--text)}
html[data-theme=light] .beta-page-v6 .beta-migration-card li svg {color:var(--purple)}
html[data-theme=light] .beta-page-v6 .beta-card-symbol {background:var(--card2);color:var(--purple)}
html[data-theme=light] .beta-comingsoon-card {background:var(--panel);border-color:var(--line)}
html[data-theme=light] .beta-comingsoon-badge {background:var(--softlime);border-color:var(--line);color:var(--purple)}
html[data-theme=light] .beta-comingsoon-dot {background:var(--purple)}
html[data-theme=light] .beta-comingsoon-card :is(.beta-comingsoon-title,.beta-community-heading h3) {color:var(--text)}
html[data-theme=light] .beta-comingsoon-card :is(.section-label,.beta-comingsoon-description,.beta-community-description,.beta-comingsoon-footer p) {color:var(--muted)}
html[data-theme=light] .beta-comingsoon-card :is(.beta-community-box,.beta-comingsoon-footer) {background:transparent;border-color:var(--line)}
html[data-theme=light] .beta-community-indicator {background:var(--purple)}
html[data-theme=light] .beta-comingsoon-card {color:var(--text);box-shadow:var(--shadow)}
html[data-theme=light] :is(.beta-comingsoon-footer svg,.pioneer-success>span) {color:var(--purple)}
html[data-theme=light] .pioneer-success>span {background:var(--card2)}
html[data-theme=light] .beta-community-button:focus-visible {outline-color:var(--purple)}

/* The illustrative app preview follows the selected theme. */
html[data-theme=light] .phone {--lime:#6b43c7;--lime-ink:#fff;--phone-caption:#625c72;--phone-reward-bg:#e9dff7;--phone-reward-ink:#211c32;--phone-reward-muted:#625c72;box-shadow:0 30px 65px #39205e26,0 0 0 4px #39205e14}

/* Docs and shared profile links inherit the same light palette. */
html[data-theme=light] .artkit-docs {--muted:#625c72;--accent:#6b43c7}
html[data-theme=light] .profile-link-page {background:radial-gradient(ellipse at 50% -20%,#e6ddf3,transparent 55%),var(--bg);color:var(--text)}
html[data-theme=light] .profile-link-card {background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme=light] :is(.profile-link-type,.profile-link-avatar) {background:var(--panel);border-color:#c7b7e2;color:var(--purple)}
html[data-theme=light] .profile-link-avatar span {color:var(--purple)}
html[data-theme=light] :is(.profile-link-username,.profile-link-description,.profile-link-download,.profile-link-footer) {color:var(--muted)}