/* ========================================== */
/* DCMS Typography System                     */
/* Generated: 2026-03-22 01:12:51           */
/* Version: 20260322-2bd4                                */
/* ========================================== */

/* ==================== FONT FACES ==================== */

/* Inter (Sans-serif) */
@font-face {
  font-family: 'Inter';
  src: url('https://cdn.zmag.vn/uploads/fonts/inter/Inter-Italic-VariableFont_opsz_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://cdn.zmag.vn/uploads/fonts/inter/Inter-VariableFont_opsz_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* FK Roman Standard */
@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.zmag.vn/uploads/fonts/fk-roman-standard/fk-roman-standard-bold-italic.fixed.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.zmag.vn/uploads/fonts/fk-roman-standard/fk-roman-standard-bold.fixed.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.zmag.vn/uploads/fonts/fk-roman-standard/fk-roman-standard-italic.fixed.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.zmag.vn/uploads/fonts/fk-roman-standard/fk-roman-standard-regular.fixed.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Be Vietnam Pro (Sans-serif) */
@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('https://cdn.zmag.vn/uploads/fonts/be-vietnam-pro/BeVietnamPro-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('https://cdn.zmag.vn/uploads/fonts/be-vietnam-pro/BeVietnamPro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('https://cdn.zmag.vn/uploads/fonts/be-vietnam-pro/BeVietnamPro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  src: url('https://cdn.zmag.vn/uploads/fonts/be-vietnam-pro/BeVietnamPro-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ==================== CSS VARIABLES ==================== */

:root {
  /* Global font */
  --ff-global: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Typography slots */
  --ff-title: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-excerpt: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-meta: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-p: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-heading: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-figcaption: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-infobox: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-blockquote: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-li: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-photostoryFigcaption: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==================== APPLY FONTS ==================== */

/* ==================== GLOBAL FONT ==================== */

/* Apply global font to entire site */
body {
  font-family: var(--ff-global);
}

/* ==================== SLOT OVERRIDES ==================== */

/* Override global font for specific typography slots */
.td-post-header__headline {
  font-family: var(--ff-title);
}

.td-post-header__excerpt {
  font-family: var(--ff-excerpt);
}

.td-post-header__byline {
  font-family: var(--ff-meta);
}

.dcms-article-content p {
  font-family: var(--ff-p);
}

.dcms-article-content h1, .dcms-article-content h2, .dcms-article-content h3, .dcms-article-content h4, .dcms-article-content h5, .dcms-article-content h6 {
  font-family: var(--ff-heading);
}

.dcms-article-content li {
  font-family: var(--ff-li);
}

.dcms-article-content figcaption {
  font-family: var(--ff-figcaption);
}

.dcms-article-content .photostory-item figcaption {
  font-family: var(--ff-photostoryFigcaption);
}

.dcms-article-content .dcms-info-box .info-box-content p, .dcms-article-content .dcms-object[data-dcms-type="infoBox"] .info-box-content p {
  font-family: var(--ff-infobox);
}

.dcms-article-content .dcms-blockquote .blockquote-content p, .dcms-article-content .dcms-object[data-dcms-type="blockquote"] .blockquote-content p {
  font-family: var(--ff-blockquote);
}