:root{
  --zp-ink:#060808;
  --zp-ink-2:#0b120b;
  --zp-panel:#0e1110;
  --zp-panel-2:#101514;
  --zp-stroke:rgba(235,241,228,.10);
  --zp-stroke-2:rgba(199,255,0,.18);

  --zp-bone:#ebe9df;
  --zp-bone-2:#cfd3c8;
  --zp-muted:#99a29b;

  --zp-neon-lime:#c7ff00;
  --zp-acid:#93ff2a;
  --zp-gold-lime:#f0ff6b;
  --zp-blood:#d31e2d;
  --zp-scar:#ff3b4c;

  --zp-accent:var(--zp-gold-lime);
  --zp-accent-2:var(--zp-neon-lime);
  --zp-accent-ink:#0a0c0a;

  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:26px;
  --radius-xl:34px;

  --shadow-soft:0 18px 70px rgba(0,0,0,.55);
  --shadow-glow:0 0 0 1px rgba(199,255,0,.14),0 18px 70px rgba(0,0,0,.62);
  --shadow-neon:0 0 18px rgba(199,255,0,.16),0 0 40px rgba(147,255,42,.10);

  --grad-ambient:radial-gradient(1100px 600px at 12% 8%,rgba(199,255,0,.14),transparent 60%),
                radial-gradient(900px 520px at 82% 18%,rgba(211,30,45,.10),transparent 60%),
                radial-gradient(900px 700px at 55% 95%,rgba(147,255,42,.10),transparent 65%),
                linear-gradient(180deg,var(--zp-ink),var(--zp-ink-2));

  --grad-accent:linear-gradient(90deg,var(--zp-accent),var(--zp-accent-2));
  --grad-sheen:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.10) 28%,rgba(255,255,255,.22) 46%,rgba(255,255,255,.08) 60%,transparent 78%);

  --noise:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);

  --container:1120px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  --border-1:1px solid var(--zp-stroke);
  --border-2:1px solid var(--zp-stroke-2);
}

body[data-theme="gold"],
body[data-accent="neon_gold"]{
  --zp-accent:var(--zp-gold-lime);
  --zp-accent-2:var(--zp-neon-lime);
  --zp-stroke-2:rgba(240,255,107,.20);
}

body[data-theme="purple"],
body[data-accent="neon_purple"]{
  --zp-accent:#a55cff;
  --zp-accent-2:#ff2bd6;
  --zp-stroke-2:rgba(165,92,255,.22);
  --shadow-neon:0 0 18px rgba(165,92,255,.20),0 0 44px rgba(255,43,214,.10);
  --grad-ambient:radial-gradient(1100px 600px at 12% 8%,rgba(165,92,255,.16),transparent 62%),
                radial-gradient(900px 520px at 82% 18%,rgba(211,30,45,.10),transparent 60%),
                radial-gradient(900px 700px at 55% 95%,rgba(255,43,214,.10),transparent 66%),
                linear-gradient(180deg,var(--zp-ink),var(--zp-ink-2));
}