/* knoxdefender.com v5 "night everywhere": every page in the same dark tone as the home page and the console.
   Loaded last. Redefines the shared tokens, then re-points the rules in site.css / motion.css that hard-code light
   backgrounds. Illustrations of other products (gateway sample message, email previews) keep their own colours. */
:root {
  color-scheme: dark;
  --bg: #0a1222; --bg-2: #0f1a2b; --surface: #0b1628; --line: #1b2a40; --line-strong: #2b3f5c;
  --ink: #e6edf7; --ink-2: #b2c0d4; --ink-3: #8a9bb4; --ink-4: #62738d;
  --accent: #10b981; --accent-hover: #34d399; --accent-ink: #34d399; --accent-deep: #6ee7b7;
  --mint: rgba(16, 185, 129, .13); --mint-2: rgba(16, 185, 129, .2); --mint-line: rgba(52, 211, 153, .35);
  --warn: #fbbf24; --warn-bg: rgba(245, 158, 11, .13); --warn-line: rgba(251, 191, 36, .38);
  --bad: #f87171; --bad-bg: rgba(239, 68, 68, .13); --bad-line: rgba(248, 113, 113, .38);
  --info: #60a5fa; --info-bg: rgba(59, 130, 246, .13); --info-line: rgba(96, 165, 250, .38);
  --shadow: 0 1px 2px rgba(0, 0, 0, .35);
  --shadow-2: 0 8px 20px -8px rgba(0, 0, 0, .6);
  --shadow-3: 0 24px 48px -16px rgba(0, 0, 0, .75);
}
body { background: var(--night, #050a14); color: var(--ink); }
h1, h2, h3 { color: #fff; }
a:hover { color: var(--accent-deep); }
code { background: rgba(255, 255, 255, .06); border-color: var(--line); color: var(--ink); }

/* buttons: emerald with dark text (white on emerald was low contrast) */
.btn { background: var(--accent-hover); border-color: var(--accent-hover); color: #04140d; }
.btn:hover { background: #6ee7b7; border-color: #6ee7b7; color: #04140d; }
.btn.ghost, .btn.light, .btn-fake.ghost, .mobile-cta .btn.ghost { background: rgba(255, 255, 255, .04); color: var(--ink); border-color: var(--line-strong); }
.btn.ghost:hover, .btn.light:hover { background: rgba(255, 255, 255, .08); color: #fff; }

/* surfaces that were white or near-white */
.nav-pop, .mobile-nav nav, .trail-hero, .stop .node, .demo-frame, .q-item, .approval .node, .mini-row, .tl, .pillar.compact,
.provider, .how-n, .role-panels, .plan-strip, .trust-list li, .steps-3 li, .big-trail, .big-trail li::before, .feature-block,
.table-card, .dc-cta, .tile, .case, .axis, .dr-rows, .offer-table, .everything, .feature-icon, .every-col,
.page-hero .card, .page-hero .big-trail, .page-hero .mini-trail, .page-hero form, .page-hero .plan-strip {
  background: var(--surface); border-color: var(--line); color: var(--ink);
}
.demo-tabs, .role-tabs [role=tab], .chip-nav a, .as-level summary, .offer-th, .pillar-n, .avatar.sm { background: var(--bg-2); border-color: var(--line); color: var(--ink-2); }
.demo-tabs [role=tab]:hover, .role-tabs [role=tab]:hover, .chip-nav a:hover, .nav-pop a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.nav-pop a, .mobile-nav nav a { color: var(--ink-2); }
.page-hero { background: radial-gradient(700px 360px at 15% 0%, rgba(16, 185, 129, .18), transparent 60%), radial-gradient(700px 360px at 90% 100%, rgba(167, 139, 250, .12), transparent 60%), var(--night, #050a14); border-bottom-color: var(--line); }
.section, .faq-section, .pricing-teaser, .axes, .roles, .everything-section { background-color: transparent; }
.faq-section { background: var(--bg); border-top-color: var(--line); }
.plan-col.featured { background: linear-gradient(180deg, rgba(16, 185, 129, .14), var(--surface) 45%); }
.plan-col { border-color: var(--line); }
.plan-price strong, .axis-from b, .plan-inherit b, .plan-ladder .pl-name, .provider dt, .pillar-lead, .blog-card h2 a, .as-steps strong { color: #fff; }
.plan-inherit { background: var(--mint); border-color: var(--mint-line); color: #a7f3d0; }
.plan-ladder, .plan-ladder li + li::before { background: var(--surface); border-color: var(--line); }
.axis-n { color: rgba(148, 163, 184, .18); }

/* status chips */
.badge-ok, .chip.ok, .stx-now, .offer-st.now, .result-icon.ok, .every-ic { background: var(--mint); color: #6ee7b7; border-color: var(--mint-line); }
.stx-soon, .offer-st.soon { background: var(--info-bg); color: #93c5fd; border-color: var(--info-line); }
.sev.bad { background: var(--bad-bg); color: #fca5a5; }
.dr-chip.pass, .dr-badge.st-pass, .dr-fix code { background: var(--mint); }
.dr-chip.warn, .dr-badge.st-warn { background: var(--warn-bg); }
.dr-chip.fail, .dr-badge.st-fail { background: var(--bad-bg); }
.dr-chip.info, .dr-badge.st-info { background: var(--bg-2); }
.dr-row.st-fail { background: rgba(239, 68, 68, .05); }
.dr-main strong, .dr-val { color: var(--ink); }

/* forms */
input, select, textarea { background: #060c16; color: var(--ink); border-color: var(--line-strong); }
input::placeholder, textarea::placeholder { color: var(--ink-4); }
.legal blockquote { background: var(--bg-2); border-color: var(--accent); color: var(--ink-2); }
.alert.error { color: #fecaca; } .alert.success { color: #a7f3d0; }

/* blog */
.blog-card { background: var(--surface); }
.post-cover { box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .9); }
.post-share { border-top-color: var(--line); }

/* how it works: the scroll story */
.story { background: radial-gradient(1000px 500px at 85% 10%, rgba(16, 185, 129, .09), transparent 60%), var(--night, #050a14); }
.story-step::before { background: var(--night, #050a14); }
.story-step p { color: var(--ink-2); }

/* domain report (domain check) */
.dr-chip.pass, .dr-badge.st-pass { color: #6ee7b7; border-color: var(--mint-line); }
.dr-chip.warn, .dr-badge.st-warn { color: #fcd34d; border-color: var(--warn-line); }
.dr-chip.fail, .dr-badge.st-fail { color: #fca5a5; border-color: var(--bad-line); }
.dr-chip.info, .dr-badge.st-info { color: var(--ink-2); border-color: var(--line); }
.dr-group { color: var(--ink-3); }
.dr-rows { border-color: var(--line); }
.dr-row { border-top-color: var(--line); }
.dr-main p { color: var(--ink-3); }
.dr-val { background: #060c16; border-color: var(--line); color: var(--ink); }
.dr-fix span { color: #6ee7b7; }
.dr-fix code { border-color: var(--mint-line); color: #a7f3d0; }
.badge-bad, .reasons .w, .alert-line, .field-error { color: #fca5a5; }
.alert.warn { color: #fde68a; }
/* selected tabs (demo, roles) */
.demo-tabs [role=tab][aria-selected="true"], .role-tabs [role=tab][aria-selected="true"], .dark-section .demo-tabs button[aria-selected="true"], .dark-section .role-tabs button[aria-selected="true"] { background: var(--accent-hover); color: #04140d; border-color: var(--accent-hover); }
.demo-tabs [role=tab][aria-selected="true"] .icon, .dark-section .demo-tabs button[aria-selected="true"] .icon { color: #04140d; }
.demo-note { margin: 0 auto 1.25rem; }
/* Wordmark v2: knox bold, defender lighter; gradient ring */
.wm-d { font-weight: 600; opacity: .78; letter-spacing: -.02em; }
.wm-o { border-color: #10b981; background: radial-gradient(circle, transparent 46%, transparent 47%); }
.wm-o::after { background: linear-gradient(135deg, #6ee7b7, #22d3ee); }
/* keep: the hero's sample message is a light email card; glass buttons stay glass */
.gw-msg, .gw-msg b, .gw-msg .gw-subj { color: #0f172a; }
.gw-msg .gw-meta span { color: #475569; }
.btn.btn-glass { background: rgba(255, 255, 255, .06); color: #fff; border: 1px solid rgba(255, 255, 255, .18); }
.btn.btn-glass:hover { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .35); color: #fff; }
.btn.btn-glow { color: #04130d; }
.gw-av { background: #fef3c7; color: #b45309; } .gw-av.ok { background: #d1fae5; color: #047857; }
.brand-mark { filter: drop-shadow(0 0 10px rgba(16, 185, 129, .35)); transition: filter .3s; }
a:hover .brand-mark { filter: drop-shadow(0 0 14px rgba(52, 211, 153, .6)); }

.checks .ck-soon, .plan-note .ck-soon { color: #67e8f9; }