/* 7) Server Console */
html[data-theme="server-console"] {
      --bg: #06070a;
      --bg-alt: #020308;
      --surface: rgba(6, 8, 20, 0.98);
      --surface-soft: rgba(10, 10, 20, 0.85);
      --border-subtle: rgba(148, 163, 184, 0.5);
      --accent: #0ea5e9;
      --accent-soft: #22c55e;
      --text: #e5edff;
      --muted: #9ca3af;
      --chip-bg: rgba(0, 0, 0, 0.65);
      --hero-glow-1: rgba(14, 165, 233, 0.28);
      --hero-glow-2: rgba(34, 197, 94, 0.22);
      --accent-strong: #0ea5e9;
      --card-border-strong: rgba(148, 163, 184, 0.7);

      --radius-lg: 10px;
      --radius-md: 8px;
      --radius-pill: 999px;
    }

/* Server Console */
html[data-theme="server-console"] .hero-console-body {
      background: radial-gradient(circle at 0 0, rgba(34, 197, 94, 0.22), transparent 55%);
      text-shadow: 0 0 4px rgba(56, 189, 248, 0.8);
    }
html[data-theme="server-console"] .hero-panel,
html[data-theme="server-console"] .card,
html[data-theme="server-console"] .plan,
html[data-theme="server-console"] .feature-card {
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9), 0 12px 30px rgba(0, 0, 0, 0.9);
    }