/* Site-wide theme (EPR "plant floor" look). Load last in <head>, after any page <style>. */

:root {
  --ink: #1E2A2F;
  --ink-2: #28363C;
  --paper: #F2F2EE;
  --steel: #4B5A61;
  --steel-light: #8A989E;
  --line: #D4DADC;
  --concrete: #EDF0F0;
  --text: #263439;
  --muted: #5E6C72;
  --yellow: #DDB000;
  --yellow-hover: #E8BA00;
  --yellow-pale: #FBF1CC;
  --red: #D2453A;
  --green: #2F8A5B;
  --display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --body: "IBM Plex Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

body { font-family: var(--body); -webkit-font-smoothing: antialiased; }
:root h1, :root h2, :root h3 { font-family: var(--display); letter-spacing: 0.005em; line-height: 1.02; }
:root h1, :root h2 { font-weight: 700; }
:root h1 { text-transform: uppercase; line-height: 0.98; }
:root h3 { font-weight: 600; }
.heading-font { font-family: var(--display); }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
::selection { background: var(--yellow); color: var(--ink); }

/* Wordmark next to the logo */
a > img[src*="zeehub-logo"] + span { font-family: var(--display); font-weight: 700; font-size: 1.35rem; letter-spacing: 0.01em; }

/* Square, industrial corners (pills and avatars stay round) */
:root .rounded, :root .rounded-md, :root .rounded-lg { border-radius: 3px; }
:root .rounded-xl, :root .rounded-2xl, :root .rounded-3xl { border-radius: 4px; }

/* Accent words in headings: ink on light, yellow on dark */
.gradient-text, .gradient-text-gold {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--ink);
  box-shadow: inset 0 -0.18em 0 var(--yellow-pale);
}
:is(.bg-ink, .bg-navy-800, .bg-navy-900, .bg-slate-900, .bg-zinc-900, [class*="from-navy-"]) .gradient-text,
.gradient-text-gold { color: var(--yellow); box-shadow: none; }

/* Links styled with the brand text colour get the EPR yellow underline */
a.text-brand-500, a.text-brand-600, a.text-brand-700 { text-decoration: underline; text-decoration-color: var(--yellow); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* Cards */
.card:hover { border-color: var(--yellow) !important; box-shadow: 0 16px 40px -16px rgba(30, 42, 47, 0.28) !important; }

/* Homepage inline lead form */
.zh-form-fields button[type="submit"] { background: var(--yellow) !important; color: var(--ink) !important; font-weight: 600 !important; border-radius: 3px !important; }
.zh-form-fields button[type="submit"]:hover { background: var(--yellow-hover) !important; opacity: 1 !important; }
.zh-form-fields input { border-radius: 3px !important; }
.zh-inline-form--compact .zh-form-fields button[type="submit"] { background: var(--ink) !important; color: var(--paper) !important; }