:root {
  color-scheme: dark;
  --muted: #a4a4b3;
  --accent-text: #c8ff3e;
  --particle-a: 200,255,62;
  --particle-b: 158,120,255;
}
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f5f0;
  --ink: #20212a;
  --muted: #626370;
  --accent-text: #496900;
  --particle-a: 87,124,12;
  --particle-b: 119,72,190;
}
body { transition: background-color .35s ease, color .35s ease; }
#background-particles { position:fixed; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
#theme-toggle { display:inline-flex; align-items:center; gap:8px; padding:4px; min-height:44px; border:0; background:transparent; color:var(--ink); flex-shrink:0; border-radius:28px; cursor:pointer; }
.theme-track { width:66px; height:34px; display:block; position:relative; border-radius:30px; background:#1b1b28; border:1px solid #ffffff30; box-shadow:inset 0 2px 5px #0003; transition:background .3s ease,border-color .3s ease; }
.theme-thumb { position:absolute; left:3px; top:3px; width:26px; height:26px; border-radius:50%; background:#c8ff3e; box-shadow:0 1px 8px #c8ff3e35; transition:transform .3s cubic-bezier(.22,.8,.24,1),background .3s ease; }
.theme-track svg { position:absolute; top:8px; width:16px; height:16px; z-index:1; }
.theme-moon { left:8px; color:#20212a; }
.theme-sun { right:8px; color:#b3b3c5; }
.theme-label { width:44px; font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:600; }
html[data-theme="light"] .theme-track { background:#e4e2d9; border-color:#c6c4ba; }
html[data-theme="light"] .theme-thumb { transform:translateX(32px); background:#fffdf4; box-shadow:0 2px 6px #38382125; }
html[data-theme="light"] .theme-moon { color:#71727e; }
html[data-theme="light"] .theme-sun { color:#6b5200; }
@media(max-width:1199px) { .theme-label { display:none; } }
@media(max-width:767px) { .header-explore { display:none!important; } }

/* Retain the lime/violet identity, with readable ink on warm light surfaces. */
html[data-theme="light"] [class*="text-white/"] { color:var(--muted)!important; }
html[data-theme="light"] [class~="text-white"] { color:var(--ink)!important; }
html[data-theme="light"] [class~="text-[#c8ff3e]"] { color:var(--accent-text)!important; }
html[data-theme="light"] [class~="text-[#f5c542]"] { color:#866100!important; }
html[data-theme="light"] [class*="border-white/"] { border-color:#28223820!important; }
html[data-theme="light"] [class*="bg-white/"] { background-color:#fff5; }
html[data-theme="light"] input::placeholder { color:#777783!important; }
html[data-theme="light"] .grad-text { background-image:linear-gradient(100deg,#527a06 8%,#7943c9 65%,#067f7b); }
html[data-theme="light"] .outline-text { -webkit-text-stroke-color:#38324470; }
html[data-theme="light"] .bg-grid { background-image:linear-gradient(#2920390b 1px,transparent 1px),linear-gradient(90deg,#2920390b 1px,transparent 1px); }
html[data-theme="light"] .noise { opacity:.025; mix-blend-mode:multiply; }
html[data-theme="light"] #nav { background:#f6f5f0ed; border-bottom:1px solid #27203512; }
html[data-theme="light"] #nav ul a:hover { color:#20212a; background:#20212a08; }
html[data-theme="light"] .pcard { border-color:#3023401c; background:linear-gradient(145deg,#fffefbd9,#fffdf7f0 50%,#ece5f6b8); box-shadow:0 6px 25px -16px #35224435; }
html[data-theme="light"] .pcard:hover { border-color:#78942c70; box-shadow:0 16px 36px -24px #58307860; }
html[data-theme="light"] .pcard::before { background:radial-gradient(420px circle at var(--mx,50%) var(--my,20%),#a2c23a15,#8b5cf610 42%,transparent 70%); }
html[data-theme="light"] .grad-border { background:linear-gradient(120deg,#91b83c99,#8b5cf680 50%,#329d9466); }
html[data-theme="light"] .grad-border>div { background:#fffdf9e8; }
html[data-theme="light"] .glass-chip { border-color:#30234025; background:#fffefbcc; color:var(--ink); }
html[data-theme="light"] #grid .glass-chip { color:#f4f5f7!important; background:#302d3be8!important; }
html[data-theme="light"] .icon-tile { border-color:#30234020; background:linear-gradient(140deg,#c8ff3e2b,#8b5cf61c); }
html[data-theme="light"] .btn-ghost { border-color:#30234033; color:var(--ink); background:#ffffff85; }
html[data-theme="light"] .btn-ghost:hover { border-color:#749e36; background:#e5efd080; }
html[data-theme="light"] .btn-lime { box-shadow:0 2px 0 #2943000a; }
html[data-theme="light"] .tab-pill { border-color:#30234025; color:#54515f; background:#ffffff75; }
html[data-theme="light"] .tab-pill:hover { color:#22202c; border-color:#749e36; }
html[data-theme="light"] .tab-pill.active { color:#172000; background:var(--lime); border-color:#a8ce36; }
html[data-theme="light"] .catalog-select { color-scheme:light; background:#fffefa; color:#34303f; border-color:#30234030; }
html[data-theme="light"] .footer-link { color:#626370; }
html[data-theme="light"] .footer-link:hover { color:#496900; }
html[data-theme="light"] #mobile-menu { background:#f6f5f0f5; }
html[data-theme="light"] .mm-link:hover { color:#496900; }
html[data-theme="light"] :focus-visible { outline-color:#6d42bc; }
html[data-theme="light"] ::-webkit-scrollbar-track { background:#edece7; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { border-color:#edece7; }

/* The photograph needs a dark caption in both themes. */
html[data-theme="light"] .hero-photo-caption { --ink:#f4f5f7; --muted:#ececf3; --accent-text:#c8ff3e; color:#f4f5f7; }
html[data-theme="light"] .hero-photo-caption .glass-chip { color:#f4f5f7; background:#15151f99; border-color:#ffffff30; }

@media(prefers-reduced-motion:reduce) {
  body,.theme-track,.theme-thumb { transition:none; }
  #background-particles { display:none; }
}