/* Design tokens extracted from whippy.ai/staffing (computed values, 2026-09-02) */
:root {
  /* palette */
  --navy-950: #06140d;            /* UH deep ivy-black */        /* hero gradient start */
  --navy-900: #0b2015;       /* footer / player / dark cards */
  --navy-800: #12281b;
  --blue-600: #2e6b44;            /* UH ivy accent */     /* primary blue (nav CTA, links, gradient end) */
  --indigo-400: #4d8a63;
  --lavender-300: #b7d9c0;        /* UH mint */ /* timeline track */
  --lavender-200: #cde5d4; /* glow shadows */
  --cyan-400: #7cc796;      /* glow accent */
  --ink-900: rgb(0, 0, 0);
  --ink-700: rgb(51, 51, 51);       /* body text on light */
  --gray-500: rgb(115, 115, 115);   /* secondary text */
  --gray-400: rgb(124, 124, 128);
  --gray-350: rgb(189, 189, 192);   /* disabled tabs / muted */
  --gray-200: rgb(224, 224, 224);
  --white: rgb(255, 255, 255);
  /* feature accents (timeline pills, dots, progress line) */
  --accent-recruiter: rgb(174, 41, 255);   /* purple */
  --accent-dataentry: rgb(55, 148, 146);   /* teal */
  --accent-search: rgb(236, 135, 192);     /* pink (AI Search & Match) */
  /* type */
  --font-sans: Inter, system-ui, sans-serif;
  /* layout */
  --nav-h: 65px;
  --container: 1152px;
  --container-narrow: 960px;
  /* glow button */
  --glow-rest: rgba(205,229,212,.25) -1px -1px 4px 0 inset, rgba(124,199,150,.25) 14px -4px 12px 0, rgba(205,229,212,.25) 2px 2px 2px 0 inset, rgba(46,107,68,.6) 10px 6px 20px 0, rgba(205,229,212,.6) -10px -8px 30px 0;
  --glow-hover: rgba(205,229,212,.4) -1px -1px 6px 0 inset, rgba(124,199,150,.4) 14px -4px 16px 0, rgba(205,229,212,.4) 2px 2px 4px 0 inset, rgba(46,107,68,.75) 10px 6px 24px 0, rgba(205,229,212,.75) -10px -8px 34px 0;
  --card-shadow: rgba(18, 18, 46, 0.04) 0 4px 36px 0;
}

@keyframes scroll {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

/* Underheard wordmark logo */
.uh-logo { font: 700 26px/1 var(--font-sans); letter-spacing: -0.5px; color: #fff; }
.uh-logo .uh-logo-dot { color: var(--blue-600); }
.wh-nav.is-scrolled .uh-logo { color: #000; }
.wh-nav.is-scrolled .uh-logo .uh-logo-dot { color: var(--blue-600); }
.uh-logo--dark { color: #000; }
.uh-logo--footer { font-size: 30px; }