body[data-theme="blue"] {
  color-scheme: light;
  --ink: #061936;
  --ink-soft: #eaf6ff;
  --panel: rgba(237, 248, 255, 0.82);
  --panel-strong: #dff2ff;
  --line: rgba(23, 83, 160, 0.2);
  --text: #071a36;
  --muted: #35577d;
  --dim: #6680a1;
  --mint: #20c7a8;
  --aqua: #246bfe;
  --citrus: #ffcf4a;
  --coral: #ff6a5c;
  --signal-rgb: 36, 107, 254;
  --signal-dot-rgb: 32, 199, 168;
  --shadow: 0 24px 74px rgba(6, 42, 94, 0.2);
  background:
    radial-gradient(circle at 12% 8%, rgba(36, 107, 254, 0.22), transparent 29rem),
    radial-gradient(circle at 86% 18%, rgba(255, 207, 74, 0.26), transparent 24rem),
    linear-gradient(135deg, #f4fbff 0%, #d9f0ff 44%, #eef8ff 100%);
}

body[data-theme="blue"]::before {
  background-image:
    linear-gradient(rgba(23, 83, 160, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 83, 160, 0.07) 1px, transparent 1px);
}

body[data-theme="blue"] .site-header {
  background: linear-gradient(to bottom, rgba(235, 248, 255, 0.88), rgba(235, 248, 255, 0.55));
}

body[data-theme="blue"] .nav-shell,
body[data-theme="blue"] .logo-strip {
  background: rgba(239, 249, 255, 0.78);
}

body[data-theme="blue"] .brand-logo {
  background: linear-gradient(135deg, rgba(36, 107, 254, 0.22), rgba(32, 199, 168, 0.18));
  border-color: rgba(23, 83, 160, 0.28);
}

body[data-theme="blue"] .hero-panel {
  background:
    linear-gradient(145deg, rgba(235, 248, 255, 0.96), rgba(225, 255, 250, 0.78)),
    repeating-linear-gradient(0deg, rgba(6, 25, 54, 0.035) 0 1px, transparent 1px 18px);
}

body[data-theme="blue"] .pulse-card,
body[data-theme="blue"] .build-stream p,
body[data-theme="blue"] .skill-board span {
  background: rgba(255, 255, 255, 0.58);
}

body[data-theme="blue"] .button.primary {
  background: linear-gradient(135deg, #2f8cff, #20c7a8);
  color: #ffffff;
  box-shadow: 0 16px 48px rgba(36, 107, 254, 0.24);
}

body[data-theme="blue"] .button.secondary {
  background: rgba(255, 255, 255, 0.45);
}

body[data-theme="blue"] .proof-panel {
  background:
    linear-gradient(135deg, rgba(36, 107, 254, 0.13), rgba(255, 207, 74, 0.18)),
    var(--panel);
}