/**
 * BedHub Careers — Green Theme Override
 *
 * Loaded AFTER bedhub.css on all /careers pages.
 * Replaces the warm sand/orange operator palette with a cool
 * green/teal system that signals growth and opportunity.
 *
 * Token strategy: override the CSS custom properties so every
 * component that already reads from them (buttons, sections,
 * accents, em highlights) gets the new palette for free.
 */

:root{
  /* ── Brand greens ── */
  --green:         #2D6E5C;
  --green-2:       #3D8B74;
  --green-deep:    #1F5443;
  --green-deep-hover: #174436;
  --green-light:   #4FA68C;
  --green-muted:   #5A9A85;

  /* ── Warm accent for dark backgrounds ── */
  --warm-accent:   #E07B51;

  /* ── Surfaces — cool neutrals ── */
  --paper:   #F4F8F6;   /* very light sage-white */
  --sand:    #E8F0EC;   /* light sage */
  --sand-2:  #D6E4DD;
  --sand-3:  #C4D8CE;
  --white:   #FFFFFF;

  /* ── Ink — cooler than operator ── */
  --ink:     #1A2E28;
  --ink-2:   #2A3F38;
  --muted:   #5A7068;

  /* ── Rules ── */
  --rule:          #C4D8CE;
  --rule-soft:     #D6E4DD;

  /* ── Accent overrides ── */
  --orange:            var(--green);
  --orange-2:          var(--green-2);
  --orange-deep:       var(--green-deep);
  --orange-deep-hover: var(--green-deep-hover);

  /* ── Certified badge ── */
  --certified:   #2D6E5C;
  --certified-2: #3D8B74;
}

/* ─────────── BODY ─────────── */
body{
  background:var(--sand);
}

/* ─────────── NAV ─────────── */
.crnav{
  background:rgba(244,248,246,0.94);
}
.crnav.scrolled{
  background:rgba(244,248,246,0.98);
  border-bottom-color:rgba(26,46,40,0.10);
}
.crnav-logo-sub{color:var(--green);}
.crnav-logo-name .cr-or{color:#E8651A !important;}
.crnav-links a:hover,
.crnav-dd-trigger:hover{color:var(--green);}
.crnav-links a.active{color:var(--green);}
.crnav-links a.active::after{background:var(--green);}
.crnav-bridge:hover{
  color:var(--paper);
  background:var(--ink);
  border-color:var(--ink);
}
.crnav-cta{
  background:var(--green-deep);
}
.crnav-cta:hover{
  background:var(--green-deep-hover);
}

/* ─────────── EM / HIGHLIGHT ─────────── */
em, i{
  color:var(--green) !important;
  font-weight:600;
}

/* ─────────── HERO ─────────── */
.hero{
  background:var(--ink);
  color:var(--white);
}
.hero-sub{color:rgba(255,255,255,0.82);}
.hero-eyebrow{color:var(--warm-accent);}
.hero-eyebrow::before{background:var(--warm-accent);}
.hero h1{color:var(--white);}
.hero h1 em{color:var(--warm-accent) !important;}
.hero-card{
  border-color:rgba(77,166,140,0.25);
}
.hero-card-eyebrow{color:var(--warm-accent);}
.hero-feat::before{background:var(--green-2);}

/* ─────────── BUTTONS ─────────── */
.btn-primary{
  background:var(--green-deep);
}
.btn-primary:hover{
  background:var(--green-deep-hover);
}
.btn-ghost{
  color:var(--paper);
  border-color:rgba(255,255,255,0.35);
}
.btn-ghost:hover{
  color:var(--green-light);
  border-color:var(--green-light);
}

/* ─────────── SECTIONS ─────────── */
.sec.cream{background:var(--paper);}
.sec.sand{background:var(--sand);}
.sec.dark{background:var(--ink);}

.sec-mark::before{background:var(--green);}
.sec.dark .sec-mark::before{background:var(--warm-accent);}

.feat-num{color:var(--green);}
.feat-grid{border-top-color:var(--ink);}
.feat:nth-last-child(-n+3){border-bottom-color:var(--ink);}

/* Dark section feat overrides */
.sec.dark .feat-grid{border-top-color:var(--rule-on-dark-strong);}
.sec.dark .feat{border-color:var(--rule-on-dark);}
.sec.dark .feat:nth-last-child(-n+3){border-bottom-color:var(--rule-on-dark-strong);}
.sec.dark .feat-h{color:var(--text-on-dark);}
.sec.dark .feat-p{color:var(--text-on-dark-2);}
.sec.dark .feat-num{color:var(--warm-accent);}
.sec.dark em{color:var(--warm-accent) !important;}
.sec.dark .sec-h em{color:var(--warm-accent) !important;}

/* ─────────── CTA BANNER ─────────── */
.cta-banner{
  background:var(--ink);
}
.cta-banner h2 em{color:var(--warm-accent) !important;}
.cta-banner .btn-primary{
  background:var(--green-deep);
}
.cta-banner .btn-primary:hover{
  background:var(--green-deep-hover);
}

/* ─────────── FOOTER ─────────── */
.ft-or{color:#E8651A !important;}
.ft-logo-sub{color:#E07B51 !important;}
.site-footer{
  background:var(--ink);
}

.sf-cta-btn{
  background:var(--green-deep);
}
.sf-cta-btn:hover{
  background:var(--green-deep-hover);
}

.nav-account-badge{
  display:flex;align-items:center;gap:0.6rem;text-decoration:none;
  padding:0.4rem 0.8rem;
  border:1px solid var(--rule);
  transition:border-color 0.2s;
}

/* Footer override for careers pages */
.uf-footer{background:#1a4a3a !important;}