html.theme-light {
  color-scheme: only light !important;
  --bg: #f6f3ed;
  --bg-gradient: linear-gradient(180deg, #f8f5ef, #eef3f4 60%, #f6f3ed);
  --panel: #ffffff;
  --text: #1c2730;
  --muted: #61707b;
  --line: rgba(28, 39, 48, .15);
  --accent: #d87813;
  --accent2: #a85b0c;
  --header-bg: rgba(248, 245, 239, .94);
  --header-border: rgba(28, 39, 48, .12);
  --header-shadow: 0 8px 24px rgba(44, 55, 62, .08);
}

/* Main site mark: no badge; logo color changes with the active theme. */
.brand {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  overflow: visible;
  transition: transform .2s ease;
}
.brand-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.brand-logo--light { display: block !important; }
.brand-logo--dark { display: none !important; }
.brand:hover { transform: translateY(-1px); }
html.theme-light .brand-logo--light { display: none !important; }
html.theme-light .brand-logo--dark { display: block !important; }

html.theme-light body::before {
  background:
    radial-gradient(circle at 17% 8%, rgba(216, 120, 19, .10), transparent 25%),
    radial-gradient(circle at 90% 52%, rgba(111, 147, 165, .12), transparent 31%),
    var(--bg-gradient);
}
html.theme-light .noise { opacity: .018; mix-blend-mode: multiply; }
html.theme-light .theme-toggle .theme-icon-sun { display: none; }
html.theme-light .theme-toggle .theme-icon-moon { display: block; }
html.theme-light .theme-toggle { background: rgba(255, 255, 255, .78); color: #a85b0c; box-shadow: 0 8px 20px rgba(57, 44, 28, .08); }
html.theme-light .main-nav a { color: #53616b; }
html.theme-light .main-nav a:hover, html.theme-light .main-nav a.active { color: var(--text); }
html.theme-light .header-links a { color: #2d3b45; background: rgba(255, 255, 255, .56); }
html.theme-light .header-links a:hover { color: var(--accent); }
html.theme-light .intro, html.theme-light .about-copy > p:not(.eyebrow), html.theme-light .contact-card p:not(.eyebrow) { color: #586671; }
html.theme-light .text-link, html.theme-light .text-link span { color: #1c2730; }
html.theme-light .text-link:hover, html.theme-light .text-link:hover span { color: var(--accent); }
html.theme-light .scroll-hint { color: #75818a; }
html.theme-light .mouse { border-color: #7c8790; }
html.theme-light .mouse::after { background: #596771; }
html.theme-light .hero-art::after { border-color: rgba(28, 39, 48, .12); }
html.theme-light .hero-art figcaption { border-color: rgba(255, 255, 255, .62); background: rgba(255, 255, 255, .58); color: #53616b; box-shadow: 0 8px 20px rgba(44, 55, 62, .12); }
html.theme-light .hero-art figcaption i { box-shadow: 0 0 13px var(--accent); }
html.theme-light .projects-section { border-top-color: rgba(28, 39, 48, .08); background: linear-gradient(180deg, rgba(255, 255, 255, .52), transparent); }
html.theme-light .project-info p, html.theme-light footer { color: #65727c; }
html.theme-light .contact-card { border-color: var(--line); background: radial-gradient(circle at 50% 150%, rgba(216, 120, 19, .18), transparent 42%), linear-gradient(125deg, #ffffff, #edf2f3); box-shadow: 0 18px 45px rgba(44, 55, 62, .07); }
html.theme-light .button-main { color: #fffaf3; box-shadow: 0 12px 30px rgba(216, 120, 19, .2); }
html.theme-light .campfire-banner { background: linear-gradient(135deg, #ffffff, #edf2f3); box-shadow: 0 18px 45px rgba(44, 55, 62, .07); }
html.theme-light .campfire-media { background: #e6dfd4; }
html.theme-light .campfire-media::after { background: linear-gradient(90deg, transparent 52%, rgba(46, 38, 27, .18)), linear-gradient(0deg, rgba(46, 38, 27, .26), transparent 48%); }
html.theme-light .campfire-copy { border-left-color: rgba(255, 255, 255, .5); background: linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(237, 244, 245, .38)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42); }
@media (max-width: 680px) {
  .brand { width: 43px; height: 43px; }
  html.theme-light .menu-toggle span { background: #1c2730; }
  html.theme-light .main-nav { background: rgba(248, 245, 239, .98); }
  html.theme-light .campfire-copy { border-color: rgba(255, 255, 255, .64); background: linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(240, 247, 248, .36)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48), 0 18px 34px rgba(44, 55, 62, .12); }
}