/* AUTO-GENERATED by scripts/build-light-theme.mjs from index.html — do not edit */
html[data-theme="light"] {
  background: var(--bg-base);
}
html[data-theme="light"] body {
  background: var(--bg-base);
  color: var(--text-body);
}
html[data-theme="light"] #status-bar {
  background: rgba(244,245,246,0.97);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .sb-tag {
  background: #ffe600;
  color: #000;
}
html[data-theme="light"] .sb-ticker-inner {
  color: var(--text-muted);
}
html[data-theme="light"] .sb-ticker-inner span {
  color: var(--green);
}
html[data-theme="light"] .sb-right {
  color: var(--text-muted);
}
html[data-theme="light"] .sb-dot {
  background: #ffe600;
  box-shadow: 0 0 6px var(--green);
}
html[data-theme="light"] #coin-bar {
  background: rgba(245,246,247,0.92);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .cs-label {
  color: var(--text-muted);
}
html[data-theme="light"] .cs-val {
  color: var(--green);
}
html[data-theme="light"] .coin-center {
  color: var(--text-muted);
}
html[data-theme="light"] .life-icon {
  color: var(--purple);
}
html[data-theme="light"] .navbar {
  background: rgba(244,245,246,0.88) !important;
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .navbar-brand {
  color: var(--text-hi) !important;
}
html[data-theme="light"] .navbar-logo {
  border: 1px solid var(--border-green);
}
html[data-theme="light"] .brand-accent {
  color: var(--green);
}
html[data-theme="light"] .nav-link {
  color: var(--text-body) !important;
}
html[data-theme="light"] .nav-link::after {
  background: #ffe600;
  box-shadow: 0 0 8px var(--green);
}
html[data-theme="light"] .nav-link:hover {
  color: var(--text-hi) !important;
}
html[data-theme="light"] .nav-link.active {
  color: var(--green) !important;
}
html[data-theme="light"] .nav-cta {
  color: #000 !important;
  background: #ffe600;
}
html[data-theme="light"] .nav-cta:hover {
  color: #000 !important;
}
html[data-theme="light"] .lang-switch {
  background: rgba(15,23,42,0.048);
  border: 1px solid var(--border-hi);
}
html[data-theme="light"] .lang-switch-btn {
  color: var(--text-muted);
}
html[data-theme="light"] .lang-switch-btn:hover {
  color: var(--text-hi);
}
html[data-theme="light"] .lang-switch-btn.active {
  color: #000;
  background: #ffe600;
}
html[data-theme="light"] .hero {
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .hero-blob-1 {
  background: rgba(255,230,0,.05);
}
html[data-theme="light"] .hero-blob-2 {
  background: rgba(139,92,246,.06);
}
html[data-theme="light"] .hero-eyebrow {
  color: var(--green);
  border: 1px solid var(--border-green);
  background: var(--green-mid);
}
html[data-theme="light"] .hero-eyebrow::before {
  background: #ffe600;
  box-shadow: 0 0 8px var(--green);
}
html[data-theme="light"] .hero-title {
  color: var(--text-hi);
}
html[data-theme="light"] .hero-title .hl-green {
  color: var(--green);
}
html[data-theme="light"] .hero-title .hl-purple {
  color: var(--purple);
}
html[data-theme="light"] .hero-sub {
  color: var(--text-body);
}
html[data-theme="light"] .hero-badge {
  color: var(--text-hi);
  background: linear-gradient(#f2f3f4, #f2f3f4) padding-box,
      conic-gradient(from var(--hb-angle), #ffe600, #a855f7, #22d3ee, #ffe600) border-box;
  box-shadow: 0 0 22px rgba(168,85,247,0.126), 0 0 40px rgba(255,230,0,0.063);
}
html[data-theme="light"] .hero-badge::after {
  background: linear-gradient(110deg, transparent 30%, rgba(15,23,42,0.12) 50%, transparent 70%);
}
html[data-theme="light"] .hb-dot {
  background: #4ade80;
}
html[data-theme="light"] .hb-label {
  color: var(--green);
}
html[data-theme="light"] .hb-cursor {
  color: var(--green);
}
html[data-theme="light"] .btn-primary-custom {
  color: #000;
  background: #ffe600;
}
html[data-theme="light"] .btn-primary-custom:hover {
  box-shadow: var(--shadow-green);
  color: #000;
}
html[data-theme="light"] .btn-ghost {
  color: var(--text-body);
  border: 1px solid var(--border-hi);
}
html[data-theme="light"] .btn-ghost:hover {
  color: var(--text-hi);
  border-color: rgba(15,23,42,0.28);
}
html[data-theme="light"] .hero-stats {
  border-top: 1px solid var(--border);
}
html[data-theme="light"] .hstat-val {
  color: var(--text-hi);
}
html[data-theme="light"] .hstat-label {
  color: var(--text-muted);
}
html[data-theme="light"] .section-eyebrow {
  color: var(--green);
}
html[data-theme="light"] .section-line {
  background: var(--border);
}
html[data-theme="light"] .module-card {
  background: var(--bg-surface);
  border: 1px solid var(--border);
}
html[data-theme="light"] .module-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-card), var(--shadow-green);
}
html[data-theme="light"] .module-card-header {
  border-bottom: 1px solid var(--border);
  background: var(--bg-raised);
}
html[data-theme="light"] .mch-name {
  color: var(--text-hi);
}
html[data-theme="light"] .mch-tag {
  color: var(--text-muted);
  background: var(--bg-overlay);
  border: 1px solid var(--border);
}
html[data-theme="light"] .progress-label {
  color: var(--text-muted);
}
html[data-theme="light"] .progress-track {
  background: var(--bg-overlay);
}
html[data-theme="light"] .module-card-text {
  color: var(--text-body);
}
html[data-theme="light"] .module-card:hover .module-card-text {
  color: var(--text-hi);
}
html[data-theme="light"] .btn-card-green {
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
}
html[data-theme="light"] .btn-card-green:hover {
  background: rgba(255,230,0,.2);
  color: var(--green);
}
html[data-theme="light"] .btn-card-purple {
  color: var(--purple);
  background: var(--purple-dim);
  border: 1px solid var(--border-purp);
}
html[data-theme="light"] .btn-card-purple:hover {
  background: rgba(139,92,246,.22);
  color: var(--purple);
}
html[data-theme="light"] .btn-card-cyan {
  color: var(--cyan);
  background: var(--cyan-dim);
  border: 1px solid rgba(14,158,180,0.2);
}
html[data-theme="light"] .btn-card-cyan:hover {
  background: rgba(34,211,238,.15);
  color: var(--cyan);
}
html[data-theme="light"] .notice-bar {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--green);
}
html[data-theme="light"] .notice-icon {
  color: var(--green);
}
html[data-theme="light"] .notice-label {
  color: var(--green);
}
html[data-theme="light"] .notice-text {
  color: var(--text-body);
}
html[data-theme="light"] .notice-text strong {
  color: var(--text-hi);
}
html[data-theme="light"] .skills-section {
  background: var(--bg-surface);
  border: 1px solid var(--border);
}
html[data-theme="light"] .skills-header {
  border-bottom: 1px solid var(--border);
  background: var(--bg-raised);
}
html[data-theme="light"] .skills-header-left {
  color: var(--text-body);
}
html[data-theme="light"] .skills-status {
  color: var(--green);
}
html[data-theme="light"] .skills-chart-wrap {
  background: var(--bg-base);
}
html[data-theme="light"] .skills-chart-wrap::before {
  background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);
}
html[data-theme="light"] .skills-list {
  border-left: 1px solid var(--border);
}
html[data-theme="light"] .skill-name-text {
  color: var(--text-body);
}
html[data-theme="light"] .skill-pct {
  color: var(--text-muted);
}
html[data-theme="light"] .skill-track {
  background: var(--bg-overlay);
}
html[data-theme="light"] .overall-card {
  background: var(--bg-overlay);
  border: 1px solid var(--border-hi);
}
html[data-theme="light"] .overall-label {
  color: var(--text-muted);
}
html[data-theme="light"] .overall-val {
  color: var(--green);
}
html[data-theme="light"] .overall-sub {
  color: var(--text-muted);
}
html[data-theme="light"] .footer {
  background: var(--bg-base) !important;
  border-top: 1px solid var(--border) !important;
}
html[data-theme="light"] .footer-logo {
  color: var(--text-hi);
}
html[data-theme="light"] .footer-logo .hl {
  color: var(--green);
}
html[data-theme="light"] .footer-tagline {
  color: var(--text-muted);
}
html[data-theme="light"] .social-link {
  border: 1px solid var(--border);
  background: var(--bg-surface);
  color: var(--text-muted);
}
html[data-theme="light"] .social-link:hover {
  border-color: var(--border-green);
  color: var(--green);
  background: var(--green-mid);
  box-shadow: var(--shadow-green);
}
html[data-theme="light"] .footer-divider {
  background: var(--border);
}
html[data-theme="light"] .footer-copy {
  color: var(--text-muted);
}
html[data-theme="light"] .text-danger {
  color: var(--green) !important;
}
html[data-theme="light"] .hl-green {
  color: var(--green);
}
html[data-theme="light"] .hl-purple {
  color: var(--purple);
}
html[data-theme="light"] .nav-link:hover {
  color: var(--text-hi) !important;
}
html[data-theme="light"] .btn-ghost:hover {
  border-color: var(--green);
  box-shadow: 0 0 12px rgba(255,230,0,0.18);
  color: var(--green);
}
html[data-theme="light"] .hero-blob-1 {
  background: radial-gradient(circle, rgba(255,230,0,.12), transparent 70%);
}
html[data-theme="light"] .hero-blob-2 {
  background: radial-gradient(circle, rgba(168,85,247,.15), transparent 70%);
}
html[data-theme="light"] .module-card {
  background: rgba(242,243,244,0.7);
  border: 1px solid rgba(15,23,42,0.12);
}
html[data-theme="light"] .module-card:hover {
  border-color: var(--green);
  box-shadow: 0 0 25px rgba(255,230,0,0.113),
      0 0 60px rgba(255,230,0,0.045);
}
html[data-theme="light"] .btn-card-green:hover {
  box-shadow: var(--shadow-green);
}
html[data-theme="light"] .btn-card-purple:hover {
  box-shadow: var(--shadow-purp);
}
html[data-theme="light"] .btn-card-cyan:hover {
  box-shadow: var(--shadow-cyan);
}
html[data-theme="light"] .progress-fill::after {
  background: linear-gradient(120deg, transparent, rgba(15,23,42,0.12), transparent);
}
html[data-theme="light"] .sb-dot {
  box-shadow: 0 0 6px var(--green), 0 0 12px var(--green-glow);
}
@media (max-width: 991px) {
  html[data-theme="light"] .skills-list {
    border-top: 1px solid var(--border);
  }
}
html[data-theme="light"] .asc-l-green {
  color: #7a6e00;
}
html[data-theme="light"] .asc-l-cyan {
  color: #007a85;
}
html[data-theme="light"] .asc-l-purple {
  color: #820bf4;
}
html[data-theme="light"] .lt-green {
  color: #7a6e00;
}
html[data-theme="light"] .lt-cyan {
  color: #007a85;
}
html[data-theme="light"] .lt-purple {
  color: #820bf4;
}
html[data-theme="light"] .lt-cursor {
  background: #ffe600;
  box-shadow: 0 0 8px rgba(255,230,0,0.45);
}