/* =====================================================
   VIBE PRESET — DARK CYAN TECH
===================================================== */

body.vibe-dark-cyan {

  /* BACKGROUND */
  --bg-body: #020617;        /* deep navy */
  --bg-header: #020617;
  --bg-footer: #020617;
  --bg-section: #020617;

  /* TEXT */
  --text-primary: #e5faff;
  --text-secondary: #94e9ff;
  --text-muted: #4dd8ff;
  --text-invert: #020617;

  /* ACCENT */
  --accent-primary: #22d3ee;   /* electric cyan */
  --accent-secondary: #0ea5e9;
  --accent-warning: #38bdf8;

  /* BORDER */
  --border-subtle: rgba(255,255,255,.08);

  /* SHADOW (GLOW) */
  --shadow-sm: 0 0 12px rgba(34,211,238,.25);
  --shadow-md: 0 0 25px rgba(34,211,238,.35);
  --shadow-lg: 0 0 60px rgba(34,211,238,.45);

  /* HERO GRADIENT */
  --hero-gradient:
    radial-gradient(1200px 600px at top,
      rgba(34,211,238,.15),
      transparent 60%);
}
.vibe-dark-cyan .hero-title {
  text-shadow: 0 0 35px rgba(34,211,238,.25);
}

.vibe-dark-cyan .hero-eyebrow {
  text-shadow: 0 0 20px rgba(34,211,238,.5);
}
.vibe-dark-cyan .pricing-card.is-featured {
  box-shadow:
    0 0 0 1px var(--accent-primary),
    0 0 60px rgba(34,211,238,.25);
}
:root {

  /* ===== BACKGROUND ===== */
  --bg-page: #020617;
  --bg-section: #020617;
  --bg-header: linear-gradient(180deg, #020617, #020617cc);
  --bg-footer: #020617;

  /* ===== TEXT ===== */
  --text-primary: #38bdf8;;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-inverse: #020617;

  /* ===== ACCENT ===== */
  --accent-primary: #22d3ee;   /* electric cyan */
  --accent-secondary: #38bdf8;
  --accent-danger: #f43f5e;

  /* ===== BORDER ===== */
  --border-light: rgba(255,255,255,.08);
}
:root {
  --shadow-sm: 0 0 0 rgba(0,0,0,0);
  --shadow-md: 0 0 24px rgba(34,211,238,.25);
  --shadow-lg: 0 0 48px rgba(34,211,238,.35);
}
.glow {
  box-shadow: 0 0 24px rgba(34,211,238,.35);
}

.glow-text {
  text-shadow: 0 0 12px rgba(34,211,238,.45);
}
.site-header {
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-light);
}

.site-footer {
  border-top: 1px solid var(--border-light);
}

.btn-primary {
  background: linear-gradient(
    135deg,
    #22d3ee,
    #0ea5e9
  );
  color: #020617;
  font-weight: 600;
}

.btn-primary:hover {
  box-shadow: var(--shadow-lg);
}
.hero {
  background:
    radial-gradient(
      circle at top right,
      rgba(34,211,238,.15),
      transparent 40%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(56,189,248,.12),
      transparent 40%
    );
}

.hero h1 {
  color: var(--text-primary);
}

.hero p {
  color: var(--text-secondary);
}
a,
button {
  transition: all .25s ease;
}
/* =================================
   VIBE: DARK CYAN TECH
   ================================= */

body.vibe-dark-tech {
  --bg-body: #020617;
  --bg-header: linear-gradient(180deg, #020617, #020617cc);
  --bg-footer: #020617;

  --text-primary: #38bdf8;;
  --text-secondary: #7dd3fc;

  --accent-primary: #22d3ee;
  --accent-secondary: #38bdf8;

  --hero-gradient: radial-gradient(
    circle at top,
    rgba(34,211,238,.25),
    transparent 70%
  );
}

.vibe-dark-tech .hero {
  background: var(--hero-gradient);
  box-shadow: inset 0 -120px 200px rgba(0,0,0,.9);
}
.vibe-dark-tech .hero {
  background: var(--hero-gradient);
}

.vibe-dark-tech .hero h1 {
  text-shadow: 0 0 40px rgba(34,211,238,.25);
}

.vibe-dark-tech .btn-primary {
  box-shadow:
    0 0 0 1px rgba(34,211,238,.2),
    0 0 40px rgba(34,211,238,.35);
}
.vibe-dark-tech {
  --bg-header: #020617;
  --hero-bg: radial-gradient(circle at top, #0f172a, #020617);

  --text-primary: #ecfeff;
  --text-secondary: #94a3b8;

  --accent-primary: #22d3ee;
}

.vibe-dark-tech .hero h1 {
  text-shadow: 0 0 40px rgba(34,211,238,.35);
}

.vibe-dark-tech .btn-primary {
  box-shadow: 0 0 0 1px rgba(34,211,238,.3),
              0 0 40px rgba(34,211,238,.35);
}