body.light-mode .tool-tags span {
background: rgba(0, 150, 210, 0.08);
border-color: rgba(0, 150, 210, 0.18);
color: #102033;
}

body.light-mode {
--bg: #eef7ff;
--card: rgba(255, 255, 255, 0.68);
--text: #07111f;
--muted: #4c5f73;
--border: rgba(7, 17, 31, 0.12);
--particle: rgba(0, 105, 180, 0.85);
--particle-line: 0, 105, 180;
--particle-mouse: rgba(0, 150, 210, 0.35);
--profile-photo: url("/assets/img/rahman-Cinematic_portrait_with_dramatic_lighting.png");
}

body.light-mode header {
background: rgba(238, 247, 255, 0.72);
}

body.light-mode .hero-card,
body.light-mode .contact-box {
background: rgba(255, 255, 255, 0.42);
border-color: rgba(42,168,255,.22);
}

body.light-mode .card {
background: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(0, 120, 180, 0.15);

box-shadow:
0 10px 30px rgba(0, 80, 120, 0.08),
0 2px 8px rgba(0, 80, 120, 0.05);

backdrop-filter: blur(6px);
}

body.light-mode .card h3 {
color: #07111f;
}

body.light-mode .card p {
color: #4c5f73;
}

body.light-mode .card:hover {
transform: translateY(-8px);
border-color: rgba(0,150,210,.35);

box-shadow:
0 15px 40px rgba(0, 120, 180, 0.15),
0 5px 15px rgba(0, 120, 180, 0.08);
}

body.light-mode .project-img {
background: linear-gradient(
135deg,
rgba(0, 150, 210, 0.25),
rgba(0, 150, 210, 0.08)
);

border: 1px solid rgba(0, 150, 210, 0.2);
}

body.light-mode .project-img i {
color: #007bbf;
}

body.light-mode .coin-face {
background: #eef7ff;
}

body.light-mode .coin-front {
background: radial-gradient(circle, #d9f2ff, #eef7ff 72%);
}

body.light-mode footer {
background: rgba(255,255,255,.35);
}

body.light-mode .logo {
color: #07111f;
}

body.light-mode nav a {
color: #4c5f73;
}

body.light-mode nav a:hover {
color: var(--blue);
}

body.light-mode .btn {
color: #07111f;
background: rgba(255,255,255,.45);
border-color: rgba(7,17,31,.14);
}

body.light-mode .btn.primary {
color: #03101e;
background: linear-gradient(135deg, var(--blue), var(--cyan));
}

body.light-mode .badge {
background: rgba(255,255,255,.55);
color: #007bbf;
border-color: rgba(42,168,255,.25);
}

body.light-mode .socials a {
color: #07111f;
background: rgba(255,255,255,.55);
}

body.light-mode .theme-toggle {
color: #07111f;
background: rgba(255,255,255,.65);
}

body.light-mode .coin-front {
color: var(--blue);
}

body.light-mode .skill {
background: rgba(0, 150, 210, 0.08);
border: 1px solid rgba(0, 150, 210, 0.25);
color: #08324a;
}

body.light-mode {
  --theme-menu-bg: rgba(255, 255, 255, 0.92);
  --theme-menu-hover: rgba(0, 120, 180, 0.08);
  --theme-menu-active: rgba(0, 150, 210, 0.13);
}

body.light-mode .theme-toggle-icon {
  color: #07111f;
}

body.light-mode .coin-back {
background: var(--profile-photo) var(--profile-photo-position) / cover no-repeat;
}