:root {
  /* Core surfaces and brand accents */
  --vc-bg-deep: #05060a;
  --vc-bg-elevated: radial-gradient(circle at 20% 20%, rgba(93, 63, 211, 0.08), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(16, 185, 129, 0.08), transparent 40%),
    #0b0e16;
  --vc-accent: #7dd3fc;
  --vc-accent-soft: rgba(125, 211, 252, 0.12);
  --vc-accent-strong: #a78bfa;
  --vc-danger: #f87171;
  --vc-success: #34d399;
  --vc-warning: #fbbf24;

  /* Text and borders */
  --vc-text-main: #e5e7eb;
  --vc-text-muted: #9ca3af;
  --vc-border-subtle: rgba(255, 255, 255, 0.08);
  --vc-border-strong: rgba(255, 255, 255, 0.14);

  /* Hero + CTA treatments */
  --vc-hero-gradient: radial-gradient(circle at 20% 20%, rgba(125, 211, 252, 0.14), transparent 40%),
    radial-gradient(circle at 80% 0%, rgba(167, 139, 250, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(15, 118, 110, 0.12));
  --vc-hero-veil: linear-gradient(125deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));
  --vc-hero-shell-surface: radial-gradient(circle at 25% 20%, rgba(125, 211, 252, 0.16), transparent 42%),
    radial-gradient(circle at 80% 10%, rgba(167, 139, 250, 0.2), transparent 40%),
    linear-gradient(145deg, rgba(17, 24, 39, 0.9), rgba(6, 8, 18, 0.85));
  --vc-hero-shell-overlay: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  --vc-hero-bg: radial-gradient(circle at 0% 0%, #10162a 0%, #050716 55%, #050715 100%);
  --vc-hero-aura: radial-gradient(circle at 18% 10%, rgba(94, 234, 212, 0.12), transparent 55%),
    radial-gradient(circle at 72% 12%, rgba(99, 102, 241, 0.18), transparent 60%),
    radial-gradient(circle at 50% 4%, rgba(236, 72, 153, 0.15), transparent 62%);
  --vc-hero-rim: linear-gradient(115deg, #67e8f9, #7c3aed, #f59e0b);
  --vc-hero-glow: rgba(124, 58, 237, 0.35);
  --vc-hero-track: linear-gradient(145deg, rgba(16, 23, 44, 0.82), rgba(10, 11, 26, 0.9));
  --vc-hero-dot-active: linear-gradient(90deg, #67e8f9, #a855f7);
  --vc-hero-dot-muted: rgba(148, 163, 253, 0.25);
  --vc-hero-ambient-duration: 30s;
  --vc-hero-ambient-intensity: 0.55;
  --vc-cta-gradient: linear-gradient(120deg, #7dd3fc, #a78bfa);
  --vc-cta-shadow: 0 20px 50px rgba(125, 211, 252, 0.22);

  /* Decorative glows and overlays */
  --vc-glow-strong: 0 10px 50px rgba(125, 211, 252, 0.35);
  --vc-glow-muted: 0 6px 28px rgba(67, 56, 202, 0.25);
  --vc-veil: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));

  /* Radii & depth */
  --vc-radius-sm: 10px;
  --vc-radius-md: 14px;
  --vc-radius-lg: 18px;
  --vc-radius-pill: 999px;
  --vc-shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.35);
  --vc-shadow-strong: 0 25px 70px rgba(0, 0, 0, 0.5);

  /* Blur + translucency */
  --vc-blur-soft: 10px;
  --vc-blur-strong: 22px;
  --vc-sheen: rgba(255, 255, 255, 0.06);

  /* Typography */
  --vc-font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif;
  --vc-font-size-xs: 12px;
  --vc-font-size-sm: 13px;
  --vc-font-size-base: 15px;
  --vc-font-size-lg: 18px;
  --vc-letter-tight: -0.01em;
  --vc-letter-wide: 0.08em;
}