/*
 * HCLTech theme (SuccessFactors deployment).
 *
 * Use it:
 *   NEXT_PUBLIC_THEME_CSS=/themes/hcltech.css
 *   NEXT_PUBLIC_LOGO_URL=/hcltech-logo.png
 *   ATS_PROVIDER=successfactors
 *   SF_API_HOST=api55.sapsf.eu
 *   SF_CAREER_SITE_HOST=careers.hcltech.com
 * plus the brand env preset (see .env.example).
 *
 * Palette sampled from the live careers.hcltech.com (computed styles):
 *   #1462DD  vivid HCLTech blue  (rgb(20,98,221))  — primary accent / links
 *   #14142B  deep navy ink       (rgb(20,20,43))   — header / hero / body text
 *   #5F1EBE  HCLTech purple      (rgb(95,30,190))  — secondary accent
 *   #E2D9FB  light purple        (rgb(226,217,251))
 *   #F7F7FC  light neutral bg    (rgb(247,247,252))
 * Loaded after app/globals.css and any NEXT_PUBLIC_BRAND_* overrides, so these win.
 */

:root {
  --brand-navy: #14142b; /* primary dark — header / hero / buttons (HCLTech navy) */
  --brand-blue: #1462dd; /* accent — links / labels (HCLTech vivid blue) */
  --brand-mist: #f7f7fc; /* light neutral background (HCLTech mist) */
  --brand-ink: #14142b; /* body text */
  /* HCLTech's face is a custom geometric sans; fall back to a clean system
     stack. Drop the licensed woff2s into /public/fonts + add @font-face to use
     the real face. */
  --brand-font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Job-description prose (the unified JobListing renders into `.gh-content`). */
.gh-content a {
  color: var(--brand-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* HCLTech's signature purple as a subtle accent on section headings in the
   job-description prose, echoing the careers-site palette. */
.gh-content h2,
.gh-content h3 {
  color: #5f1ebe;
}