/* ═══════════════════════════════════════════════════════════════════════
   TCE self-hosted brand webfonts — brand.theofficialtce.com/brand-fonts.css
   Drop-in for any TCE/TCA/RAMU surface:

     <link rel="stylesheet" href="https://brand.theofficialtce.com/brand-fonts.css">

   Served with Access-Control-Allow-Origin: * so it works cross-origin from
   theofficialtce.com, tceacademy.org, the Vercel apps and the Shopify themes.

   WHAT IS HERE: Nunito only — the body family, SIL Open Font License v1.1,
   free to host and redistribute. 14 files, woff2, 550KB total.

   WHAT IS NOT HERE, AND WHY: Battery Park (H1), Dazzle Unicase (H2) and
   HWT Artz (H3/H4) are NOT self-hosted. Self-hosting them needs a webfont
   licence bought from the foundry — Device for Battery Park and Dazzle
   Unicase, P22 / Hamilton Wood Type for HWT Artz. An Adobe Creative Cloud
   subscription does not grant it. Until those are bought, keep loading the
   Adobe kit alongside this file for the display faces:

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

   Once bought, drop the woff2 into /fonts/woff2/ and uncomment § 3 below.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── § 1 · 'Nunito' — the natural name ────────────────────────────────────
   Use this on any surface that does NOT also load the Adobe kit. */
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ── § 2 · 'Nunito TCE' — the unambiguous name ────────────────────────────
   CSS font-family matching is ASCII case-INSENSITIVE, so 'Nunito' and the
   Adobe kit's 'nunito' are the SAME family to a browser. When both this file
   and the kit are loaded, whichever @font-face is declared LAST wins, and no
   ordering of names inside font-family can change that.

   'Nunito TCE' sidesteps it: a distinct family name that only ever resolves
   to these self-hosted files. Put it first in a font stack to guarantee the
   self-hosted copy is used, regardless of stylesheet load order:

     font-family: 'Nunito TCE', 'nunito', system-ui, sans-serif;

   (Contrast the display faces, where 'Battery Park' vs 'battery-park' differ
   by more than case and so never collide — see assets/tce-tokens.css.) */
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraLightItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-ExtraBoldItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito TCE';
  src: url('https://brand.theofficialtce.com/fonts/woff2/Nunito-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ── § 3 · Display faces — ENABLE ONLY AFTER BUYING WEBFONT LICENCES ───
   Battery Park + Dazzle Unicase → Device (fontspring.com/foundry/device)
   HWT Artz                      → P22 / Hamilton Wood Type Collection

@font-face {
  font-family: 'Battery Park';
  src: url('https://brand.theofficialtce.com/fonts/woff2/BatteryPark.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Dazzle Unicase';
  src: url('https://brand.theofficialtce.com/fonts/woff2/DazzleUnicase-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'HWT Artz';
  src: url('https://brand.theofficialtce.com/fonts/woff2/HWT-Artz.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
   ─────────────────────────────────────────────────────────────────────── */

/* ── § 4 · Brand type tokens ──────────────────────────────────────────────
   Display faces name the self-hosted family first and the Adobe kit slug
   second; they differ by more than case, so the first one actually loaded
   wins. Body names 'Nunito TCE' first so the self-hosted copy is used even
   when the kit is present. */
:root {
  --tce-font-h1:        'Battery Park', 'battery-park', 'Oswald', 'Bebas Neue', Impact, sans-serif;
  --tce-font-h2:        'Dazzle Unicase', 'dazzle-unicase', 'Playfair Display SC', Georgia, serif;
  --tce-font-h3:        'HWT Artz', 'hwt-artz', 'Oswald', 'Arial Black', sans-serif;
  --tce-font-h4:        var(--tce-font-h3);
  --tce-font-body:      'Nunito TCE', 'nunito', system-ui, 'Helvetica Neue', Arial, sans-serif;
  --tce-font-scripture: Georgia, 'Times New Roman', serif;
}