/* =========================================
   LATIN — Century Gothic
========================================= */

@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic/CenturyGothic-Regular.woff2') format('woff2'),
       url('../fonts/CenturyGothic/CenturyGothic-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic/CenturyGothic-Bold.woff2') format('woff2'),
       url('../fonts/CenturyGothic/CenturyGothic-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   THAI — DB Helvethaica X (unadjusted, 100%)
========================================= */

@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DBHelvethaicaX';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   THAI — per-size optical sizing
========================================= */

@font-face {
  font-family: 'DBHelvethaicaX-display';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 105.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-display';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 105.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h1';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 100%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h1';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 100%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h2';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 103%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h2';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 103%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h3';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 100%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h3';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 100%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h4';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 123.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h4';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 123.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h5';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 121%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h5';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 121%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h6';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 125%;
}

@font-face {
  font-family: 'DBHelvethaicaX-h6';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 125%;
}

@font-face {
  font-family: 'DBHelvethaicaX-body';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 138.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-body';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 138.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-overline';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 145.5%;
}

@font-face {
  font-family: 'DBHelvethaicaX-overline';
  src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff2') format('woff2'),
       url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 145.5%;
}

/* =========================================
   APPLY — each type-scale step uses its own Thai face.
   Selectors mirror typography.css; keep them in sync when a size is added.
========================================= */

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

h1,
.text-h1 {
  font-family: var(--font-h1);
}

h2,
.text-h2 {
  font-family: var(--font-h2);
}

h3,
.text-h3 {
  font-family: var(--font-h3);
}

h4,
.text-h4 {
  font-family: var(--font-h4);
}

h5,
.text-h5 {
  font-family: var(--font-h5);
}

h6,
.text-h6 {
  font-family: var(--font-h6);
}

.text-body {
  font-family: var(--font-body);
}

.text-overline {
  font-family: var(--font-overline);
}