/* ---------- Theme Overrides ---------- */
:root{
  --hero-bg-light: #f7f3ea;   /* мягкий светлый фон для hero */
  --section-bg-light: #faf8f3; /* фон секций */
  --card-bg-light: rgba(255,255,255,0.92);
  --card-text-light: #212121;
}
.light-skin{
  --bg-main:#f9f4ef;
  --text-main:#555555;
  --accent-a:#b8860b;
  --accent-b:#d7b98b;
  --accent-c:#efe2cf;
  --about-skill-color:#b8860b;
  --about-approach-color:#0e7490;
  --about-goal-color:#9a3412;
  --contact-bg:linear-gradient(135deg,#fff7ed 0%,#f2e9db 100%);
  background:var(--bg-light);
  color:var(--text-dark);
}
.light-skin :where(a,strong,h1,h2,h3,h4,h5,h6){color:inherit;}
body.light-skin{background:var(--section-bg-light);}
.light-skin #themeToggle svg{fill:var(--accent-b)}
  .light-skin #particles{display:none}
  .light-skin [data-theme="dark"]{display:none}
  .light-skin .hero{background:transparent;}
.light-skin .moon span{color:var(--card-text-light);}
.light-skin .card,
.light-skin .project-card {
  background: var(--card-bg-light);
  color: var(--card-text-light);
  border: 1px solid rgba(0,0,0,.1);
}
.light-skin .card:hover{background:var(--accent-c);}
.light-skin .project-card .descr{color:var(--card-text-light);}
.light-skin #about h2{color:var(--text-dark)}
.light-skin #contact .contact-chip span{color:var(--text-dark)}
#crypto-info.light-mode{background:linear-gradient(to bottom right,#f7f7f7,#e2e4e8);color:var(--text-main);}
#crypto-info.light-mode a{color:inherit;}