/* ============================================================================
   CoachLink Brand Theme
   ----------------------------------------------------------------------------
   Single source of truth for self-hosted brand fonts and brand colors.
   To swap to licensed Industry / Agency FB later, only:
     1. Drop the licensed .woff2 files into /wwwroot/fonts/
     2. Update the @font-face `src` URLs and family names below
     3. Update --font-display / --font-heading variables
   No other CSS in the codebase should hardcode font-family or brand hex values.
   ========================================================================== */

/* ---- @font-face (self-hosted, downloaded via gwfh.mranftl.com) ----------- */

/* Display — Bebas Neue (free Google Fonts stand-in for Industry Ultra Italic) */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/bebas-neue-v16-latin-regular.woff2') format('woff2');
}

/* Heading — Oswald (free Google Fonts stand-in for Agency FB Bold Condensed) */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/oswald-v57-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/oswald-v57-latin-700.woff2') format('woff2');
}

/* Body — DM Sans */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-sans-v17-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/dm-sans-v17-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/dm-sans-v17-latin-700.woff2') format('woff2');
}

/* ---- Theme tokens -------------------------------------------------------- */

:root {
  /* Typography stacks (always go through these — never hardcode a family) */
  --font-display: 'Bebas Neue', 'Arial Narrow', 'Oswald', sans-serif;
  --font-heading: 'Oswald', 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;

  /* Brand palette */
  --color-red: #CD2C1F;
  --color-gray: #D5D6DB;
  --color-offwhite: #F2F2F2;
  --color-darkgray: #202020;
}

/* ---- Cross-browser font-rendering consistency ---------------------------- */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: var(--font-body);
}

/* Optional convenience utilities (Tailwind users can ignore) */
.font-display { font-family: var(--font-display); }
.font-heading { font-family: var(--font-heading); }
.font-body    { font-family: var(--font-body); }