/* ── English: Host Grotesk (Regular 400 / Bold 700) ─────────────────────── */
@font-face {
  font-family: 'Host Grotesk';
  src: url('/shared/assets/fonts/HostGrotesk-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/shared/assets/fonts/HostGrotesk-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Host Grotesk';
  src: url('/shared/assets/fonts/HostGrotesk-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ── Thai: IBM Plex Sans Thai (Regular 400 / Bold 700) ──────────────────── */
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/shared/assets/fonts/IBMPlexSansThai-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/shared/assets/fonts/IBMPlexSansThai-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ── Display serif for the page title + tagline ── */
@font-face {
  font-family: 'Cormorant Garamond Display';
  src: url('/shared/assets/fonts/CormorantGaramond.woff2') format('woff2-variations'),
       url('/shared/assets/fonts/CormorantGaramond.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Cormorant Garamond Display';
  src: url('/shared/assets/fonts/CormorantGaramond-Italic.woff2') format('woff2-variations'),
       url('/shared/assets/fonts/CormorantGaramond-Italic.woff2') format('woff2');
  font-weight: 300 700; font-style: italic; font-display: swap;
}

:root {
  --font-en-head: Georgia, 'Times New Roman';
  --font-th-head: 'IBM Plex Sans Thai';
  --font-en-body: 'Host Grotesk';
  --font-th-body: 'IBM Plex Sans Thai';
  --font-en-foot: 'Host Grotesk';
  --font-th-foot: 'IBM Plex Sans Thai';

  --font-head: var(--font-en-head), var(--font-th-head), serif;
  --font-body: var(--font-en-body), var(--font-th-body), -apple-system, BlinkMacSystemFont, sans-serif;
  --font-foot: var(--font-en-foot), var(--font-th-foot), -apple-system, BlinkMacSystemFont, sans-serif;

  --font-brand: var(--font-en-head), var(--font-th-head), serif;

  --font-display: 'Cormorant Garamond Display', serif;

  --font-script: 'Cormorant Garamond Display', cursive, serif;
}

.brand-font { font-family: var(--font-brand); letter-spacing: .04em; }