/* EndureOps brand overlay v2 — "professional / trusted".
   Kills the legacy neon-glow template look entirely: flat dark surfaces,
   white typography, one restrained steel accent, red reserved for primary
   CTAs. Loaded LAST in every page's <head> so it wins over tailwind.css and
   each page's inline <style>. Delete when pages get properly rebuilt. */
:root {
  --eo-red: #dc2626;        /* CTA red — buttons only */
  --eo-red-dark: #b91c1c;
  --eo-red-hi: #ef4444;
  --eo-navy: #16324e;
  --eo-steel: #9db8d8;      /* restrained accent for icons/labels */
}

/* ── Kill the neon ── */
.neon-text, .neon-cyan { text-shadow: none !important; }
.gradient-text {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #ffffff !important;
}
.hero-bg {
  background: radial-gradient(circle at center, #0b0d12 0%, #07080c 55%, #000 100%) !important;
}
.underline-glow {
  text-decoration-color: rgba(255,255,255,0.4) !important;
  text-decoration-thickness: 2px !important;
}
.pulse-dot { background-color: var(--eo-red) !important; }

/* ── Text accents: steel, calm. Red text is not a thing on this site. ── */
.text-orange-400, .text-orange-300, .text-orange-100, .text-amber-300,
.text-cyan-400, .text-cyan-300, .text-cyan-200 { color: var(--eo-steel) !important; }
.hover\:text-orange-400:hover, .hover\:text-orange-300:hover { color: #ffffff !important; }

/* ── Backgrounds: solid red is for CTA fills only; tints go neutral ── */
.bg-orange-400, .bg-orange-500 { background-color: var(--eo-red) !important; }
.hover\:bg-orange-400:hover, .hover\:bg-orange-500:hover { background-color: var(--eo-red-hi) !important; }
.bg-orange-500\/10, .bg-orange-500\/15, .bg-orange-500\/20, .bg-amber-500\/20 { background-color: rgba(255,255,255,0.05) !important; }
.bg-cyan-400 { background-color: var(--eo-steel) !important; }
.bg-cyan-500\/10, .bg-cyan-500\/15, .bg-cyan-500\/20 { background-color: rgba(157,184,216,0.08) !important; }

/* ── Borders: hairlines, not colors ── */
.border-orange-400, .border-orange-500 { border-color: rgba(255,255,255,0.18) !important; }
.border-orange-500\/30, .border-orange-500\/40 { border-color: rgba(255,255,255,0.14) !important; }
.border-cyan-400 { border-color: rgba(157,184,216,0.45) !important; }
.border-cyan-400\/40 { border-color: rgba(157,184,216,0.30) !important; }

/* ── Gradient plumbing: CTA gradients collapse to a solid, serious red ── */
.from-orange-500, .from-orange-400 {
  --tw-gradient-from: var(--eo-red) !important;
  --tw-gradient-to: var(--eo-red-dark) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-orange-500\/10, .from-orange-500\/15 {
  --tw-gradient-from: rgba(255,255,255,0.04) !important;
  --tw-gradient-to: rgba(255,255,255,0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-orange-400 { --tw-gradient-stops: var(--tw-gradient-from), var(--eo-red), var(--tw-gradient-to) !important; }
.via-orange-500\/5 { --tw-gradient-stops: var(--tw-gradient-from), rgba(255,255,255,0.03), var(--tw-gradient-to) !important; }
.to-cyan-400 { --tw-gradient-to: var(--eo-red-dark) !important; }
.to-cyan-500\/10 { --tw-gradient-to: rgba(157,184,216,0.10) !important; }
.to-cyan-500\/15 { --tw-gradient-to: rgba(157,184,216,0.12) !important; }
.to-orange-600 { --tw-gradient-to: var(--eo-red-dark) !important; }

/* ── Shadows: depth, not glow ── */
.shadow-orange-500\/20, .shadow-orange-500\/30, .shadow-orange-500\/40, .shadow-cyan-500\/20 {
  --tw-shadow-color: rgba(0,0,0,0.45) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

/* Red button utilities (compiled tailwind purged these) */
.bg-red-600 { background-color: #dc2626 !important; }
.hover\:bg-red-500:hover { background-color: #ef4444 !important; }
.text-red-500 { color: #ef4444 !important; }
.text-red-500\/80 { color: rgba(239,68,68,0.8) !important; }

/* ── Calm the template's decorative card effects ── */
.futuristic-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,255,255,0.22) !important;
  box-shadow: 0 18px 40px -18px rgba(0,0,0,0.6) !important;
}
.gradient-border::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.16), rgba(157,184,216,0.20)) !important;
}
.icon-tile {
  background: rgba(157,184,216,0.10) !important;
}
.neon-orange { text-shadow: none !important; color: var(--eo-steel) !important; }

/* Nav wordmark accent */
.eo-ops { color: var(--eo-red-hi); }
