/* 6) PCB Circuit */
html[data-theme="pcb-circuit"] {
      --bg: #07110c;
      --bg-alt: #020805;
      --surface: #0b2a19;
      --surface-soft: #052317;
      --border-subtle: rgba(187, 247, 208, 0.75);
      --accent: #22c55e;
      --accent-soft: #0ea5e9;
      --text: #ecfdf5;
      --muted: #a7f3d0;
      --chip-bg: rgba(0, 0, 0, 0.4);
      --hero-glow-1: rgba(34, 197, 94, 0.35);
      --hero-glow-2: rgba(14, 165, 233, 0.27);
      --accent-strong: #22c55e;
      --card-border-strong: rgba(190, 242, 235, 0.9);

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

/* PCB Circuit */
html[data-theme="pcb-circuit"] body {
      background:
        radial-gradient(circle at 0% 0%, var(--hero-glow-1), transparent 65%),
        radial-gradient(circle at 100% 100%, var(--hero-glow-2), transparent 65%),
        #020b07;
    }
html[data-theme="pcb-circuit"] .hero-panel,
html[data-theme="pcb-circuit"] .feature-card,
html[data-theme="pcb-circuit"] .plan,
html[data-theme="pcb-circuit"] .card {
      background:
        radial-gradient(circle at top left, rgba(16, 185, 129, 0.35), transparent 50%),
        repeating-linear-gradient(
          45deg,
          #052317 0,
          #052317 2px,
          #064e3b 2px,
          #064e3b 6px
        );
      border-style: double;
      border-width: 2px;
    }
html[data-theme="pcb-circuit"] .feature-card::before {
      opacity: 0.7;
      background-image:
        linear-gradient(90deg, rgba(45, 212, 191, 0.35) 1px, transparent 1px),
        linear-gradient(180deg, rgba(45, 212, 191, 0.35) 1px, transparent 1px);
      background-size: 14px 14px;
      mix-blend-mode: soft-light;
    }