/* 5) Rackmount */
html[data-theme="rackmount"] {
      --bg: #070810;
      --bg-alt: #020308;
      --surface: #111827;
      --surface-soft: #020617;
      --border-subtle: rgba(148, 163, 184, 0.7);
      --accent: #38bdf8;
      --accent-soft: #22c55e;
      --text: #e5e7eb;
      --muted: #9ca3af;
      --chip-bg: rgba(15, 23, 42, 0.95);
      --hero-glow-1: rgba(255, 255, 255, 0.12);
      --hero-glow-2: rgba(56, 189, 248, 0.3);
      --accent-strong: #0ea5e9;
      --card-border-strong: rgba(148, 163, 184, 0.9);

      --radius-lg: 6px;
      --radius-md: 4px;
      --radius-pill: 999px;
    }

/* Rackmount */
html[data-theme="rackmount"] .hero-panel,
html[data-theme="rackmount"] .plan {
      background:
        linear-gradient(to bottom, rgba(255, 255, 255, 0.06), transparent 40%),
        repeating-linear-gradient(
          to right,
          #020617 0,
          #020617 3px,
          #111827 3px,
          #111827 10px
        );
      position: relative;
    }
html[data-theme="rackmount"] .hero-panel::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 10%;
      right: 10%;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(to right, #111827, #020617);
      opacity: 0.55;
    }