/* 10) Terminal Green */
html[data-theme="terminal-green"] {
      --bg: #020304;
      --bg-alt: #000000;
      --surface: rgba(0, 0, 0, 0.9);
      --surface-soft: rgba(3, 5, 3, 0.9);
      --border-subtle: rgba(190, 242, 205, 0.5);
      --accent: #22c55e;
      --accent-soft: #bbf7d0;
      --text: #eafff2;
      --muted: #86efac;
      --chip-bg: rgba(0, 0, 0, 0.8);
      --hero-glow-1: rgba(34, 197, 94, 0.33);
      --hero-glow-2: rgba(34, 197, 94, 0.16);
      --accent-strong: #22c55e;
      --card-border-strong: rgba(190, 242, 205, 0.9);

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

/* Terminal Green */
html[data-theme="terminal-green"] body {
      background:
        radial-gradient(circle at 50% -20%, rgba(34, 197, 94, 0.35), transparent 60%),
        #000000;
    }
html[data-theme="terminal-green"] .hero-panel,
html[data-theme="terminal-green"] .feature-card,
html[data-theme="terminal-green"] .plan,
html[data-theme="terminal-green"] .card {
      border-radius: var(--radius-lg);
      border: 1px solid var(--card-border-strong);
      background:
        repeating-linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.9) 0,
          rgba(0, 0, 0, 0.9) 1px,
          rgba(20, 20, 20, 0.9) 1px,
          rgba(20, 20, 20, 0.9) 2px
        );
      box-shadow:
        0 0 0 1px rgba(163, 230, 53, 0.35),
        0 0 24px rgba(34, 197, 94, 0.8);
    }
html[data-theme="terminal-green"] .hero-console-body {
      text-shadow: 0 0 6px rgba(34, 197, 94, 0.95);
    }