/* ============================================================================
   DoorVault marketing — site-wide editorial reskin (Phase 2)
   --------------------------------------------------------------------------
   The 269 landing pages each inline their own <style> built from one shared
   token vocabulary (--bg-dark / --bg-card / --text-primary / --accent ...).
   This file is linked AFTER that inline <style> on every page, so equal-
   specificity rules here win on source order. It remaps those tokens to the
   warm editorial system and swaps Inter for the Spectral / Hanken Grotesk /
   IBM Plex Mono voice. It changes NO markup, copy, meta, or links — purely
   presentation. Layout is untouched; only palette, type, and a few finishes.
   ============================================================================ */

/* Remap the shared token vocabulary to the warm, editorial palette.
   (Same :root specificity as each page's inline block; this wins by coming later.) */
:root {
  --bg-dark: #141414;                       /* warm charcoal, never cold navy */
  --bg-card: #1e1e1e;
  --bg-elevated: #262626;
  --border-color: rgba(255, 255, 255, 0.14);
  --border-subtle: rgba(255, 255, 255, 0.07);
  --text-primary: #f2eee3;
  --text-secondary: #a59d8b;
  --accent: #d4a843;                        /* already gold; kept */
  --accent-hover: #e0bd5e;
  --accent-glow: rgba(216, 175, 82, 0.10);
  --accent-muted: rgba(216, 175, 82, 0.10);
  --success: #5fa978;                       /* warmed for the palette */
  --danger: #d2705b;

  /* pm-portal.html uses an older token vocabulary; remap it to match. */
  --bg: #141414;
  --bg-card-hover: #262626;
  --gold: #d4a843;
  --text: #f2eee3;
  --text-sec: #a59d8b;
}

/* Editorial type: Hanken body, Spectral serif headlines, mono eyebrows/labels. */
body {
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4,
.page-hero h1, .section-title, .hero-title, .pillar-title {
  font-family: 'Spectral', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: -0.015em;
}
/* the uppercase gold kickers are the editorial "eyebrow" — make them tabular mono */
.hero-label, .section-label, .eyebrow, .kicker, .breadcrumb, .breadcrumb-nav {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
}

/* Structure over decoration: drop the blurred radial "orb" glows. */
.page-hero::before,
.hero::before,
section::before { background: none !important; }

/* Squared, editorial buttons (not pills); warm nav/menu glass. */
.btn-cta, .btn-primary, .btn-secondary { border-radius: 6px; }
nav { background: color-mix(in srgb, #141414 86%, transparent); }
.mobile-menu { background: color-mix(in srgb, #141414 97%, transparent); }