/* ==========================================================================
   Coastal Asset Finance — brand typeface
   Single source of truth for the site font. Every page links this file.
   Brandon Grotesque (HVD Fonts / Hannes von Doehren) — licensed commercial face.
   ==========================================================================

   PRIMARY SOURCE — Adobe Fonts, kit ito6uuk.
   Loaded by each page's <head>, immediately before this file:

       <link rel="preconnect" href="https://use.typekit.net" crossorigin>
       <link rel="stylesheet" href="https://use.typekit.net/ito6uuk.css">

   Adobe serves the family under the css name `brandon-grotesque`, which is
   first in --font-brand below. The kit ships 100/300/400/500/700/900 plus
   matching italics. It is a <link> rather than an @import here on purpose —
   an @import inside this file would chain the requests and delay first paint.

   FALLBACK SOURCES — the @font-face rules below, under the name
   `Brandon Grotesque`. They only come into play if the Adobe kit fails to
   load (network blocked, kit deleted, domain not on the kit's allow-list):

     - local()  picks up a desktop / Creative Cloud install, so design
                machines stay correct. Not a delivery method for the public.
     - url()    self-hosted .woff2 files in ./fonts/ — see fonts/README.md.
                Nothing is committed there; the paths are ready if you ever
                move off Adobe's CDN.

   Because `brandon-grotesque` matches first, these faces are never used and
   so never requested — the missing ./fonts/ files cost nothing.

   NOTE: if you add a new domain (staging, a new host), add it to the kit's
   allow-list in Adobe Fonts or the font will 403 there.
   -------------------------------------------------------------------------- */

/* --- Light / 300 --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Light'), local('BrandonGrotesque-Light'),
       url('./fonts/BrandonGrotesque-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* --- Regular / 400 --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Regular'), local('BrandonGrotesque-Regular'),
       url('./fonts/BrandonGrotesque-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --- Medium / 500 --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Medium'), local('BrandonGrotesque-Medium'),
       url('./fonts/BrandonGrotesque-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* --- Bold / 700 --- (also serves the 600s the layouts ask for) --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Bold'), local('BrandonGrotesque-Bold'),
       url('./fonts/BrandonGrotesque-Bold.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

/* --- Black / 900 --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Black'), local('BrandonGrotesque-Black'),
       url('./fonts/BrandonGrotesque-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --- Italics --- */
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Regular Italic'), local('BrandonGrotesque-RegularItalic'),
       url('./fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brandon Grotesque';
  src: local('Brandon Grotesque Bold Italic'), local('BrandonGrotesque-BoldItalic'),
       url('./fonts/BrandonGrotesque-BoldItalic.woff2') format('woff2');
  font-weight: 600 700;
  font-style: italic;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   The stack. `brandon-grotesque` is Adobe Fonts' name, `Brandon Grotesque`
   covers the self-hosted and locally installed cuts. Montserrat is
   deliberately absent — it was masquerading as the brand font.
   -------------------------------------------------------------------------- */
:root {
  --font-brand: 'brandon-grotesque', 'Brandon Grotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html,
body {
  font-family: var(--font-brand);
}

/* Form controls do not inherit the page font on their own. */
button,
input,
select,
textarea {
  font-family: inherit;
}