/* Inter — job titles (latin from provided URL + vietnamese for accents) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Brand — Premium Corporate 2026 */
  --apm-primary: #1e4ed8;
  --apm-primary-dark: #1639a8;
  --apm-primary-light: #e8f1fd;
  --apm-secondary: #16A34A;
  --apm-secondary-dark: #12803c;
  --apm-secondary-light: #ecfdf3;

  --apm-gradient: linear-gradient(135deg, #0B5ED7 0%, #16A34A 100%);
  --apm-gradient-btn: linear-gradient(135deg, #0B5ED7 0%, #3b82f6 50%, #16A34A 100%);
  --apm-gradient-hero-overlay: linear-gradient(105deg, rgba(7, 42, 92, 0.92) 0%, rgba(11, 94, 215, 0.78) 55%, rgba(11, 94, 215, 0.45) 100%);

  --apm-text: #0f172a;
  --apm-text-muted: #64748b;
  --apm-text-inverse: #ffffff;
  --apm-bg: #ffffff;
  --apm-bg-page: #F8FAFC;
  --apm-bg-alt: #F1F5F9;
  --apm-border: #e2e8f0;
  --apm-border-light: #f1f5f9;

  --apm-danger: #dc2626;
  --apm-warning: #f59e0b;
  --apm-footer-bg: #0a2540;

  --apm-font: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
  --apm-font-job-title: 'Inter', system-ui, -apple-system, sans-serif;

  --apm-radius-sm: 10px;
  --apm-radius: 18px;
  --apm-radius-lg: 24px;
  --apm-radius-full: 9999px;

  --apm-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --apm-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
  --apm-shadow-md: 0 12px 40px rgba(15, 23, 42, 0.08);
  --apm-shadow-lg: 0 24px 64px rgba(11, 94, 215, 0.12);
  --apm-shadow-hover: 0 20px 48px rgba(15, 23, 42, 0.12);
  --apm-shadow-card: 0 12px 40px rgba(15, 23, 42, 0.08);

  --apm-container: 1320px;
  --apm-header-h: 80px;
  --apm-section-gap: 120px;
  --apm-section-inner: 80px;

  --apm-ease: ease;
  --apm-duration: 300ms;
  --apm-transition: 300ms ease;

  /* Typography scale */
  --apm-h1: clamp(2.25rem, 4.5vw, 3.25rem);
  --apm-h2: clamp(1.875rem, 3vw, 2.5rem);
  --apm-h3: clamp(1.25rem, 2vw, 1.75rem);
  --apm-body: 1.0625rem;
  --apm-body-lg: 1.125rem;
  --apm-line: 1.7;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --apm-duration: 0.01ms;
  }
}

/* Job titles — Inter (all pages + homepage) */
.apm-job-head__title,
.apm-job-list-card__title,
.apm-job-list-card__title a,
.apm-job-title,
.apm-job-title a,
.apm-job-card__title,
.apm-job-card__title a,
.apm-job-suggest-card__title,
.apm-job-suggest-card__title a,
.apm-job-related-card__title,
.apm-job-related-card__title a,
.apm-job-detail__title,
.featured-job-card__title,
.apm-home .featured-job-card__title,
.apm-home .apm-job-card__title,
.apm-home .apm-job-card__title a,
.featured-jobs-section .featured-job-card__title {
  font-family: var(--apm-font-job-title) !important;
}