/* VADIX theme — the "Quantum" look (New VADIX Design) applied to every sub-page.
   Loaded LAST in <head>, after the page's own <style>, so it re-points the page tokens without touching page layout.
   Ink #040810 · amber #f5a623 (primary) · steel blue #00a8ff (accent) · Instrument Sans display · Inter body · JetBrains Mono data */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root {
  /* token family A (service pages, assess, showcase, tours) */
  --ink: #040810; --panel: #0a1120; --panel2: #0e162a; --line: rgba(245,166,35,.15);
  --text: rgba(255,255,255,.72); --muted: rgba(255,255,255,.45); --heading: #ffffff;
  --cyan: #f5a623; --cyan-dim: rgba(245,166,35,.12); --violet: #00a8ff; --green: #00a8ff; --green-dim: rgba(0,168,255,.12);
  --amber: #f5a623; --amber-dim: rgba(245,166,35,.12); --red: #ff6b6b; --blue: #00a8ff; --coral: #f5a623;
  --fd: 'Instrument Sans', system-ui, sans-serif; --fb: 'Inter', system-ui, sans-serif; --fm: 'JetBrains Mono', ui-monospace, monospace; --fg: 'Instrument Sans', system-ui, sans-serif;
  /* token family B (info, insights, trust/privacy/terms) */
  --bg: #040810; --surface: #0a1120; --surface2: #0e162a; --border: rgba(245,166,35,.15);
  --text-muted: rgba(255,255,255,.45); --accent: #f5a623; --accent-dim: rgba(245,166,35,.12); --accent2: #00a8ff;
  --gradient: linear-gradient(135deg, #f5a623, #00a8ff);
}
body { font-family: var(--fb) !important; background: var(--ink); }
h1, h2, h3, h4, h5, h6 { font-family: var(--fd) !important; }
.vx-person .ini { font-family: var(--fd) !important; border-color: rgba(245,166,35,.3) !important; }
.vx-cta, .vx-cta:hover { color: #040810; }
/* primary actions and section labels are amber on every page; the line colours (--violet/--green) stay the blue secondary accent */
.btn-p, .btn-primary, .vx-cta { background: #f5a623 !important; color: #040810 !important; box-shadow: 0 8px 26px rgba(245,166,35,.28) !important; }
.btn-p:hover, .btn-primary:hover, .vx-cta:hover { box-shadow: 0 12px 40px rgba(245,166,35,.4) !important; }
.lbl { color: #f5a623 !important; }
