/**
 * HireKeyz V7 — Figma design tokens
 * Source: https://www.figma.com/design/MLpTS6VQ78B1wv2PymgBd4
 * Public page: HireKeyz V7 Public Website — Complete (18:2)
 * Extracted from Desktop / Home (23:2) and related public frames.
 * Internal SaaS frames (5:*) are NOT used.
 */
:root {
  /* Brand colors — public website only */
  --hk-navy: #061b5c;
  --hk-navy-deep: #03113d;
  --hk-accent: #0b6fb3;
  --hk-text: #64748b;
  --hk-hero-bg: #f8fafc;
  --hk-surface: #ffffff;
  --hk-border: #dde6f0;
  --hk-soft: #eef4fa;
  --hk-success-bg: #ecfdf3;
  --hk-success-text: #0f7a55;
  --hk-footer-link: #afc0e2;
  --hk-footer-muted: #90a5cf;
  --hk-footer-legal: #7f95c2;
  --hk-federal-eyebrow: #a9deff;
  --hk-federal-lead: #bbc9e6;
  --hk-white: #ffffff;

  /* Typography — Inter */
  --hk-font: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --hk-lh: 1.45;
  --hk-fs-eyebrow: 10px;
  --hk-fs-eyebrow-sm: 9px;
  --hk-fs-nav: 11px;
  --hk-fs-body: 14px;
  --hk-fs-body-sm: 12px;
  --hk-fs-card-body: 11px;
  --hk-fs-card-title: 16px;
  --hk-fs-section: 28px;
  --hk-fs-h1: 39px;
  --hk-fs-h1-mobile: 29px;
  --hk-fs-brand: 17px;
  --hk-fs-cta-band: 16px;
  --hk-fs-architect-h: 23px;
  --hk-fw-regular: 400;
  --hk-fw-semibold: 600;
  --hk-fw-bold: 700;

  /* Spacing / layout */
  --hk-desktop: 1440px;
  --hk-content-pad: 36px;
  --hk-hero-pad: 46px;
  --hk-header-pad: 28px;
  --hk-header-h: 70px;
  --hk-card-pad: 20px;
  --hk-card-gap: 16px;
  --hk-card-radius: 9px;
  --hk-btn-radius: 6px;
  --hk-option-radius: 7px;
  --hk-cta-radius: 10px;
  --hk-pill-radius: 99px;
  --hk-max: 1368px;
  --hk-hero-copy-max: 820px;

  /* Motion */
  --hk-ease: 0.18s ease;
  --hk-focus: 0 0 0 3px rgba(11, 111, 179, 0.45);
}