/* ═══════════════════════════════════════════════════════════════
   HROC sub-page DMT override — loaded AFTER styles.css.
   Flips the variable-driven Electric palette to the DMT dark-neon
   theme so sub-pages match the redesigned homepage. Layout untouched.
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --bg-deep:        #070311;
  --bg-surface:     #0C0620;
  --bg-elevated:    #150B2E;
  --bg-card:        #150B2E;
  --bg-glass:       rgba(10, 5, 22, 0.75);

  --cyan:           #3DE7FF;
  --cyan-bright:    #7FEEFF;
  --cyan-dim:       #2FA9C8;
  --mint:           #FF3DCB;
  --mint-bright:    #FF7ADD;
  --mint-dim:       #C86BE0;
  --indigo:         #9D5CFF;
  --violet-mid:     #B79BFF;

  --ink-deep:       #05020D;   /* stays dark (dark sections/footer) */

  --text-primary:   #ECE8FF;
  --text-secondary: #B4ACDD;
  --text-muted:     #8B83B5;

  --line:           rgba(157, 120, 255, 0.16);
  --line-strong:    rgba(157, 120, 255, 0.30);

  --shadow-sm:  0 4px 16px rgba(0, 0, 0, 0.40);
  --shadow-md:  0 14px 40px rgba(0, 0, 0, 0.50);
  --shadow-lg:  0 24px 64px rgba(0, 0, 0, 0.55);
  --glow-cyan:  0 0 30px rgba(61, 231, 255, 0.28);
  --glow-mint:  0 0 30px rgba(232, 28, 255, 0.26);

  --font-display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;
  /* --grad-brand / --grad-reverse / --crisis kept as-is (neon + red) */
}

/* ambient neon field, matching the homepage */
body {
  background-color: var(--bg-deep) !important;
  background-image:
    radial-gradient(60vw 40vw at 82% -8%, rgba(232, 28, 255, 0.14), transparent 60%),
    radial-gradient(52vw 42vw at 6% 4%, rgba(64, 201, 255, 0.12), transparent 60%) !important;
  background-attachment: fixed;
}

/* safety net: any element that hardcoded near-white surfaces or near-black ink text
   (rather than using the vars) gets nudged so nothing goes invisible on dark */
[style*="#fff"], [style*="#FFF"] { }  /* no-op placeholder; real fixes below if screenshot shows any */

/* mono eyebrows/labels to echo the homepage's field-data feel where present */
.page-tag, .doc-stat { font-family: "IBM Plex Mono", ui-monospace, monospace; }

/* header/nav hardcode a light bg (not a var) — force DMT dark */
.site-nav { background: rgba(7, 3, 17, 0.82) !important; border-bottom: 1px solid var(--line) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.topline { background: var(--bg-surface) !important; }
.brand-mark, .nav-links a { color: var(--text-primary) !important; }
.menu-toggle span { background: var(--text-primary) !important; }
/* page cards / panels that may hardcode white */
.page-card, .story-panel, .trust-panel, .doc-card, .support-card { background: var(--bg-card) !important; border-color: var(--line) !important; }