/* ── Trisara typography ───────────────────────────────────────────────────
   Century Gothic is the single brand face across the whole guest site —
   body copy, headings, buttons, inputs, labels.

   It is not a web font, so it is self-hosted here from the Monotype TTF
   (Century Gothic Regular) that ships with Windows/Office. Load order:
     1. 'Century Gothic'      — already installed locally, no download
     2. 'Century Gothic Web'  — the self-hosted GOTHIC.TTF below
     3. 'Questrial'           — Google Fonts near-identical geometric sans,
                                safety net if the TTF fails to load
   Only the Regular weight exists; bold/light are browser-synthesised.
   ──────────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'Century Gothic Web';
  src: url('GOTHIC.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-ui: 'Century Gothic', 'Century Gothic Web', 'Questrial', 'AppleGothic', CenturyGothic, 'Trebuchet MS', sans-serif;
  /* Display/headings share the same face — kept as its own token so an
     accent face can be reintroduced in one place if the brand ever wants one. */
  --font-display: var(--font-ui);
}

html,
body,
button,
input,
select,
textarea,
optgroup {
  font-family: var(--font-ui);
}

.font-display {
  font-family: var(--font-display);
}