html.theme-future-ready-glass {
  --bg-color: #0f172a;
  --surface-color: rgba(15, 23, 42, 0.6);
  --text-color: #f8fafc;
  --muted-color: rgba(248, 250, 252, 0.78);
  --accent-color: #06b6d4;
  --accent-secondary: rgba(6, 182, 212, 0.7);
  --heading-font: 'Space Grotesk', 'Inter', sans-serif;
  --body-font: 'Space Grotesk', 'Inter', sans-serif;
  --border-radius: 8px;
  --shadow-style: 0 35px 65px rgba(3, 7, 18, 0.55);
  --transition-speed: 450ms;
  --glass-effect: blur(30px);
}

html.theme-future-ready-glass body {
  background: linear-gradient(135deg, rgba(6, 182, 212, 0.18), transparent 50%), #020617;
}

html.theme-future-ready-glass .hero,
html.theme-future-ready-glass .card {
  background: rgba(15, 23, 42, 0.5);
  border: 1px solid rgba(6, 182, 212, 0.25);
  box-shadow: 0 30px 80px rgba(2, 6, 23, 0.85);
  backdrop-filter: blur(30px);
}

html.theme-future-ready-glass .hero::before,
html.theme-future-ready-glass .hero::after {
  background: radial-gradient(circle, rgba(6, 182, 212, 0.4), transparent 60%);
  opacity: 0.8;
}