/*
 * AppGate theme (Workable deployment).
 *
 * Use it:
 *   ATS_PROVIDER=workable
 *   WORKABLE_ACCOUNT=appgate
 *   NEXT_PUBLIC_THEME_CSS=/themes/appgate.css
 *   NEXT_PUBLIC_LOGO_URL=/appgate-logo-knockout.svg   (white variant for the navy
 *                                                      header; /appgate-logo.svg is
 *                                                      the navy mark for light bg)
 * plus the brand env preset (see .env.example).
 *
 * Palette taken from appgate.com's own published design tokens (:root custom
 * properties on the live site):
 *   #081339  --brand-color-1        deep navy — headings / header / hero
 *   #0072BA  --brand-color-2        AppGate blue — CTAs / links
 *   #EDEFF7  --brand-neutral-lightest  light lavender-tinted background
 *   #151515  --brand-black          body text
 * The site face is canada-type-gibson (Gibson, Adobe Fonts-licensed); we name
 * it first and fall back to a clean system stack. A licensed Typekit kit or
 * woff2s in /public/fonts would restore the exact face.
 * Loaded after app/globals.css and any NEXT_PUBLIC_BRAND_* overrides, so these win.
 */

:root {
  --brand-navy: #081339; /* primary dark — header / hero (AppGate navy) */
  --brand-blue: #0072ba; /* accent — links / labels (AppGate blue) */
  --brand-mist: #edeff7; /* light neutral background (AppGate neutral-lightest) */
  --brand-ink: #151515; /* body text (AppGate brand-black) */
  --brand-font: 'canada-type-gibson', 'Gibson', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 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;
}

/* AppGate navy on section headings in the job-description prose, echoing the
   corporate site's heading treatment. */
.gh-content h2,
.gh-content h3 {
  color: #081339;
}

/* Primary CTAs ("Submit with Polyguard") wear AppGate blue — the action color
   on appgate.com (e.g. its careers "View Listings" button) — instead of the
   navy the shared chrome defaults to. Un-layered, so it beats Tailwind's
   @layer utility; scoped away from the /admin console. */
button.bg-\[var\(--brand-navy\)\]:not(.pg-admin *) {
  background-color: #0072ba;
}
button.bg-\[var\(--brand-navy\)\]:hover:not(:disabled):not(.pg-admin *) {
  background-color: #005e99;
}