/* =============================================================
 * Hook Agency · Type System
 * =============================================================
 * Centralized @font-face declarations for every Hook property.
 * Hosted at: https://brandkit.hookagency.com/hook-fonts.css
 *
 * Usage — one line in your project's global CSS:
 *   @import url('https://brandkit.hookagency.com/hook-fonts.css');
 *
 * Then use the font-family variables (defined below) in your styles.
 *
 * License note — Champion HTF is licensed to Hook Agency for
 * self-hosted web use on Hook-owned domains. Do not redistribute
 * the font files or embed them in client-owned deployments.
 * ============================================================= */


/* -------------------------------------------------------------
 * Champion HTF · Licensed display face
 * Page titles, section headers. Never below 24px.
 * -------------------------------------------------------------
 * font-display: optional — Champion loads or it doesn't. We'd
 * rather the Impact fallback render immediately than hold up the
 * whole page waiting on the display face. Once cached (week 1),
 * it'll show up on every subsequent pageview.
 * ------------------------------------------------------------- */

@font-face {
  font-family: 'Champion HTF Welterweight';
  src: url('/fonts/champion-htf/champion-welterweight.woff2') format('woff2'),
       url('/fonts/champion-htf/champion-welterweight.woff') format('woff');
  font-weight: 400 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Champion HTF Featherweight';
  src: url('/fonts/champion-htf/champion-featherweight.woff2') format('woff2'),
       url('/fonts/champion-htf/champion-featherweight.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Champion HTF Heavyweight';
  src: url('/fonts/champion-htf/champion-heavyweight.woff2') format('woff2'),
       url('/fonts/champion-htf/champion-heavyweight.woff') format('woff');
  font-weight: 700 900;
  font-style: normal;
  font-display: optional;
}


/* -------------------------------------------------------------
 * Archivo · Main UI typeface
 * Body, inputs, buttons, labels. Everything below 24px.
 * -------------------------------------------------------------
 * font-display: swap — Archivo is the body font, so render
 * immediately with the system fallback and swap in when ready.
 * Archivo is also on Google Fonts so we could let the browser
 * fetch it from there as a final fallback, but self-hosting is
 * faster and more reliable.
 * ------------------------------------------------------------- */

@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo/archivo-regular.woff2') format('woff2'),
       url('/fonts/archivo/archivo-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: url('/fonts/archivo/archivo-semibold.woff2') format('woff2'),
       url('/fonts/archivo/archivo-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/* -------------------------------------------------------------
 * Archivo Condensed · Dense data / metadata
 * Data tables, specs, UI chrome where density matters.
 * ------------------------------------------------------------- */

@font-face {
  font-family: 'Archivo Condensed';
  src: url('/fonts/archivo-condensed/archivo-condensed-medium.woff2') format('woff2'),
       url('/fonts/archivo-condensed/archivo-condensed-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/* =============================================================
 * FONT-FAMILY VARIABLES
 * Use these. Don't type font stacks by hand in project code.
 * ============================================================= */

:root {
  --font-champion: 'Champion HTF Welterweight', 'Champion Welterweight',
                   Impact, Haettenschweiler, 'Arial Narrow', sans-serif;

  --font-champion-light: 'Champion HTF Featherweight',
                         'Champion HTF Welterweight',
                         Impact, Haettenschweiler, 'Arial Narrow', sans-serif;

  --font-champion-heavy: 'Champion HTF Heavyweight',
                         'Champion HTF Welterweight',
                         Impact, Haettenschweiler, 'Arial Narrow', sans-serif;

  --font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               Roboto, sans-serif;

  --font-condensed: 'Archivo Condensed', 'Archivo Narrow', 'Archivo',
                    -apple-system, sans-serif;
}


/* =============================================================
 * OPTIONAL: opinionated base defaults
 * Uncomment in projects that want Archivo as the default body font.
 * ============================================================= */

/*
body {
  font-family: var(--font-sans);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .display {
  font-family: var(--font-champion);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}
*/