/* Neon Grid — dark cyberpunk. Violet-black surfaces with a faint
   scan-grid on the page background, hot-magenta accent, neon status
   colors, and glow shadows instead of drop shadows. Squarer corners
   than the other dark themes for a harder, more "terminal HUD" edge.
   Dark-background theme: --ink is light, --accent-contrast is dark
   (white on bright magenta reads weak), and --line-inverse /
   --muted-inverse are flipped like every other dark theme. */
:root{
  color-scheme:dark;
  --paper:#0B0614;
  --paper-card:#140B24;
  --ink:#F4EEFF;
  --ink-soft:#C5B8E0;
  --muted:#8A7BAA;
  --accent:#FF4FD8;
  --accent-soft:#3A0F35;
  --accent-contrast:#230619;
  --amber:#FFB020;
  --amber-soft:#3A2706;
  --moss:#2DFF9A;
  --moss-soft:#06301E;
  --brick:#FF5C7A;
  --brick-soft:#3A0E1A;
  --violet:#22D3EE;
  --violet-soft:#062F38;
  --line:#2A1B45;
  --line-strong:#40296B;
  --line-inverse:#CDBFEA;
  --muted-inverse:#5F4C8A;
  --font-display:'Chakra Petch', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --radius:4px;
  --radius-lg:6px;
  --radius-pill:4px;
  --shadow-sm:0 0 0 1px rgba(255,79,216,.10);
  --shadow-md:0 0 18px rgba(255,79,216,.14);
  --shadow-lg:0 0 32px rgba(255,79,216,.22);
}
body{
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(255,79,216,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,211,238,.04) 1px, transparent 1px);
  background-size:44px 44px;
  background-attachment:fixed;
}
.btn-accent{box-shadow:0 0 16px rgba(255,79,216,.45);}
.btn-accent:hover{box-shadow:0 0 26px rgba(255,79,216,.70);}
.tag{box-shadow:inset 0 0 0 1px currentColor;}
.hero h1 em, .brand-mark em{text-shadow:0 0 18px rgba(255,79,216,.55);}
/* The dateline strip normally inverts to var(--ink); on a dark theme
   that is a bright bar across the top. Keep it dark and quiet here. */
.dateline{background:var(--paper-card);color:var(--ink-soft);border-bottom:1px solid var(--line);}
.dateline-item{border-right-color:var(--line);}