body.theme-light {
    --navy: #f0f4f8;
    --navy-mid: #e2eaf3;
    --navy-light: #d4dfe9;
    --slate: #8fa4ba;
    --blue: #1d4ed8;
    --blue-dim: #1e40af;
    --cyan: #0284c7;
    --gray-400: #334e68;
    --gray-200: #1e3a52;
    --white: #0f2035;
    --accent-line: rgba(29,78,216,0.25);
  }
  body.theme-light nav { background: rgba(240,244,248,0.92); border-bottom-color: rgba(29,78,216,0.15); }
  body.theme-light .hero-bg { background: radial-gradient(ellipse 60% 55% at 65% 40%, rgba(147,197,253,0.3) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 20% 70%, rgba(186,230,255,0.2) 0%, transparent 60%); }
  body.theme-light .hero-grid { opacity: 0.06; }
  body.theme-light .hero-photo-wrap { border-color: rgba(29,78,216,0.25); box-shadow: 0 0 40px rgba(29,78,216,0.12); }
  body.theme-light .pill { background: rgba(29,78,216,0.08); border-color: rgba(29,78,216,0.2); color: var(--blue); }
  body.theme-light .btn-ghost { color: #1e3a52; border-color: rgba(0,0,0,0.18); }
  body.theme-light .btn-ghost:hover { border-color: var(--cyan); color: var(--cyan); }
  body.theme-light .lang-switcher { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.12); }
  body.theme-light .lang-btn { color: #4a6080; }
  body.theme-light .lang-btn.active { background: var(--blue); color: #fff; }
  body.theme-light .theme-toggle { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.12); color: #334e68; }
  body.theme-light .skill-card, body.theme-light .about-card, body.theme-light .cert-card { border-color: rgba(29,78,216,0.15); }
  body.theme-light .skill-card:hover, body.theme-light .about-card:hover, body.theme-light .cert-card:hover { border-color: rgba(29,78,216,0.4); }
  body.theme-light .tag { background: rgba(29,78,216,0.07); border-color: rgba(29,78,216,0.15); color: #1e3a52; }
  body.theme-light .tl-dot { border-color: var(--navy-mid); }
  body.theme-light .tl-connector { background: rgba(29,78,216,0.2); }
  body.theme-light .offer-card { border-color: rgba(2,132,199,0.2); }
  body.theme-light .offer-card:hover { border-color: rgba(2,132,199,0.5); }
  body.theme-light .section-divider { background: linear-gradient(90deg, transparent, rgba(29,78,216,0.2), transparent); }
  body.theme-light footer { border-top-color: rgba(0,0,0,0.08); }
  body.theme-light .contact { background: linear-gradient(180deg, var(--navy) 0%, #dce8f4 100%); }
  body.theme-light .contact-chip { background: var(--navy-light); border-color: rgba(0,0,0,0.1); color: #334e68; }
  body.theme-light .contact-chip:hover { border-color: var(--blue); color: var(--blue); }
  body.theme-light .hero-tag { border-color: rgba(2,132,199,0.35); }