/* SourcingNav shared light theme. Clean, friendly, calm blue/green.
   Loaded AFTER each page's inline <style> so these tokens win by source order.
   One file controls the palette for every page that links it. */
:root {
  --bg:#f6f8fb;
  --bg-card:#ffffff;
  --bg-input:#f1f5f9;
  --bg-elev:#eef2f7;
  --border:#e6ebf2;
  --border-strong:#d6dde8;
  --text:#16202e;
  --text-dim:#55647a;
  --text-mute:#8b97a8;
  --accent:#0fb5a6;
  --blue:#3b82f6;
  --good:#12b886;
  --warn:#e8920c;
  --danger:#ef5f5f;
  --gradient:linear-gradient(135deg,#0fb5a6 0%,#3b82f6 100%);
}
/* Aliases so this one file themes pages that use other token names
   (the marketing home page and the knowledge hub). All map to the light palette. */
:root {
  --bg-base:#f6f8fb;
  --bg-surface:#ffffff;
  --bg-card-hover:#eef2f7;
  --border-hover:#d6dde8;
  --text-primary:#16202e;
  --text-secondary:#55647a;
  --text-muted:#8b97a8;
  --brand-blue:#3b82f6;
  --brand-cyan:#0891b2;
  --brand-emerald:#12b886;
  --brand-violet:#7c3aed;
  --brand-amber:#d97706;
  --brand-rose:#f43f5e;
  --brand:#0fb5a6;
  --accent-deep:#0c8f84;
  --accent-dim:rgba(15,181,166,0.10);
  --accent-glow:rgba(15,181,166,0.16);
  --bad:#ef5f5f;
  --gradient-brand:linear-gradient(135deg,#3b82f6,#06b6d4);
  --gradient-green:linear-gradient(135deg,#12b886,#0fb5a6);
  --gradient-warm:linear-gradient(135deg,#f59e0b,#fb7185);
  --glow-blue:0 10px 40px rgba(59,130,246,0.10);
  --glow-cyan:0 10px 40px rgba(6,182,212,0.10);
  --orange:#d97706;
  --orange-dim:rgba(217,119,6,0.10);
  --blue-dim:rgba(59,130,246,0.10);
  --purple:#7c3aed;
  --purple-dim:rgba(124,58,237,0.10);
  --yellow:#ca8a04;
  --yellow-dim:rgba(202,138,4,0.10);
  --pink:#e11d6b;
  --pink-dim:rgba(225,29,107,0.10);
}
html, body { background:#f6f8fb !important; color:var(--text); }
/* Pages built on the old dark palette painted a fixed dark radial gradient on
   body. The light recruiter theme has no body gradient, so clear it explicitly
   (the background shorthand above resets it, but some pages set it as a
   separate !important-free declaration - this guarantees it never shows). */
html, body { background-image:none !important; }
body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
::selection { background:rgba(15,181,166,0.18); }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-thumb { background:#d6dde8; border-radius:8px; border:3px solid #f6f8fb; }
::-webkit-scrollbar-thumb:hover { background:#c2ccd9; }
::-webkit-scrollbar-track { background:transparent; }
/* Softer card shadows for the lighter surface, applied where pages use these classes. */
.card, .rolecard, .bcard, .stat { box-shadow:0 1px 2px rgba(22,32,46,0.04); }
.rolecard.hot, .card.step { box-shadow:0 2px 10px rgba(15,181,166,0.07); }