html.theme-data-driven-blue {
  --bg-color: #071a2b;
  --surface-color: rgba(11, 44, 70, 0.85);
  --text-color: #e2efff;
  --muted-color: rgba(226, 239, 255, 0.78);
  --accent-color: #0ea5e9;
  --accent-secondary: #38bdf8;
  --heading-font: 'IBM Plex Sans', 'Space Grotesk', sans-serif;
  --body-font: 'IBM Plex Sans', 'Inter', sans-serif;
  --border-radius: 8px;
  --shadow-style: 0 25px 55px rgba(7, 26, 43, 0.7);
  --transition-speed: 450ms;
  --glass-effect: blur(22px);
}

html.theme-data-driven-blue body {
  background: radial-gradient(circle at 70% 20%, rgba(14, 165, 233, 0.25), transparent 55%), #03101c;
}

html.theme-data-driven-blue .hero {
  background: linear-gradient(120deg, rgba(14, 165, 233, 0.25), rgba(8, 47, 73, 0.25));
  position: relative;
}

html.theme-data-driven-blue .hero::before {
  background: conic-gradient(from 45deg, rgba(14, 165, 233, 0.35), transparent 70%);
  width: 420px;
  height: 420px;
  border-radius: 50%;
  top: -120px;
  left: 40%;
  opacity: 0.35;
}

html.theme-data-driven-blue .card {
  border: 1px solid rgba(14, 165, 233, 0.35);
  box-shadow: 0 35px 60px rgba(3, 9, 19, 0.7);
}