/* 3) Voxel Premium */
html[data-theme="voxel-premium"] {
      --bg: #0a0f12;
      --bg-alt: #05070b;
      --surface: #141a25;
      --surface-soft: #101623;
      --border-subtle: rgba(226, 232, 240, 0.7);
      --accent: #22c55e;
      --accent-soft: #60a5fa;
      --text: #f4f7ff;
      --muted: #cbd5f5;
      --chip-bg: #020617;
      --hero-glow-1: rgba(34, 197, 94, 0.3);
      --hero-glow-2: rgba(59, 130, 246, 0.28);
      --accent-strong: #16a34a;
      --card-border-strong: #e5e7eb;

      --radius-lg: 12px;
      --radius-md: 8px;
      --radius-pill: 8px;
    }

/* Voxel Premium */
html[data-theme="voxel-premium"] .feature-card,
html[data-theme="voxel-premium"] .plan,
html[data-theme="voxel-premium"] .card,
html[data-theme="voxel-premium"] .hero-panel {
      border-radius: var(--radius-lg);
      border: 2px solid var(--card-border-strong);
      box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.7),
        0 18px 0 rgba(15, 23, 42, 1);
    }
html[data-theme="voxel-premium"] .feature-card::before {
      opacity: 0.6;
      background-image: linear-gradient(45deg, rgba(148, 163, 184, 0.12) 25%, transparent 25%, transparent 50%, rgba(148, 163, 184, 0.12) 50%, rgba(148, 163, 184, 0.12) 75%, transparent 75%, transparent);
      background-size: 6px 6px;
      mix-blend-mode: soft-light;
    }