/* =========================================================
   NETCAFE Tech — "true black" tone pass (Nov 2026)
   Loaded LAST on every page. Overrides nx tokens only:
   neutral true-black surfaces, near-white text, DM Sans,
   and a more saturated action green. Light mode untouched.
   ========================================================= */

:root {
  --display: "DM Sans", system-ui, -apple-system, sans-serif;
  --body: "DM Sans", system-ui, -apple-system, sans-serif;
}

[data-theme="dark"] {
  --bg: #0A0A0A;
  --bg-alt: #0F0F0F;
  --surface: #141414;
  --surface-2: #1B1B1B;
  --line: #262626;
  --line-soft: #1A1A1A;
  --ink: #FAFAFA;
  --ink-soft: #EDEDED;
  --muted: #B8B8B8;
  --muted-dim: #858585;
  --action: #14E06C;
  --action-text: #2EEB7D;
  --glass: rgba(10, 10, 10, .72);
  --glass-line: rgba(255, 255, 255, .07);
  --shadow-md: 0 14px 36px rgba(0, 0, 0, .55);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, .7);
}

/* DM Sans is narrower than Poppins, so ease the tight tracking */
h1, h2, h3, h4,
.pile-title h2, .build-title h2, .cta h2, .banner h2, .offer h2,
.stack-text h3, .pkg .amt, .price, .why-card .big, .wd-intro h1, .pg-hero h1 {
  letter-spacing: -.025em !important;
}

/* green glow a touch stronger on true black */
[data-theme="dark"] .btn:not(.btn--ghost):not(.btn--dark):not(.btn--light):hover { box-shadow: 0 10px 32px rgba(20, 224, 108, .4); }