/* Dunbar Text, self-hosted. Same files and the same four weights the web
   rebuild uses (hfg-web-rebuild/*/assets/fonts), so an officer page and the
   rest of the site load one typeface from one place. No Typekit kit, which
   means no per-domain kit configuration when these deploy. */
@font-face {
  font-family: 'Dunbar Text';
  src: url('fonts/DunbarText-Regular.woff2') format('woff2'),
       url('fonts/DunbarText-Regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Dunbar Text';
  src: url('fonts/DunbarText-Medium.woff2') format('woff2'),
       url('fonts/DunbarText-Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Dunbar Text';
  src: url('fonts/DunbarText-Bold.woff2') format('woff2'),
       url('fonts/DunbarText-Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Dunbar Text';
  src: url('fonts/DunbarText-ExtraBold.woff2') format('woff2'),
       url('fonts/DunbarText-ExtraBold.woff') format('woff');
  font-weight: 800; font-style: normal; font-display: swap;
}

/* =====================================================================
   HFG LO Page - design tokens
   Brand bases are the OFFICIAL digital values from "Digital Colors-RGB_Hex.pdf"
   (supplied 2026-09-14). Tonal variants are rederived from those bases and
   match the HFG design system bundle. Do not hardcode brand hexes elsewhere.
   ===================================================================== */

:root {
  /* --- Brand, exactly as specified --- */
  --hfg-blue: #084B7B;
  --hfg-teal: #0EA0C1;
  --hfg-lime: #D7DB00;

  /* --- Derived ramp (from the official bases) --- */
  --hfg-blue-dark: #05365A;
  --hfg-blue-deep: #032740;
  --hfg-blue-light: #1A6698;
  --hfg-teal-light: #4FBDD6;
  --hfg-teal-dark: #0B7F9A;
  --hfg-lime-light: #E6E94D;
  --hfg-lime-dark: #AEB100;

  /* --- Neutrals --- */
  --hfg-white: #FFFFFF;
  --hfg-off-white: #F3F6F9;
  --hfg-line: #E5EBF0;
  --hfg-line-strong: #D1DAE3;
  --hfg-gray: #8794A2;
  --hfg-gray-dark: #586674;
  --hfg-ink: #16293A;

  /* --- Type --- */
  --font-display: "Dunbar Text", "Outfit", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-sans: "Dunbar Text", "Outfit", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  /* Label face. HFG is a single-family Dunbar system: eyebrows, stat labels,
     chips and captions are Dunbar in uppercase with wide tracking, never a
     monospace. Do not point this at a mono stack. */
  --font-label: "Dunbar Text", "Outfit", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  /* --- Shape --- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* --- Depth --- */
  --shadow-sm: 0 2px 10px -4px rgba(3, 39, 64, 0.18);
  --shadow: 0 18px 44px -24px rgba(3, 39, 64, 0.45);
  --shadow-lift: 0 26px 60px -28px rgba(3, 39, 64, 0.55);

  /* --- Layout --- */
  --wrap: 1160px;
  --gutter: 22px;
}