/* ========================================== */
/* DCMS Typography System                     */
/* Generated: 2026-05-11 02:00:22 */
/* Content hash: b66a1c43 */
/* Config version: 20260511-7fa1 */
/* ========================================== */

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

/* Inter (Sans-serif) */

/* FK Roman Standard (Serif) */
@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.phapluatchinhsach.vn/uploads/fonts/fk-roman-standard/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.phapluatchinhsach.vn/uploads/fonts/fk-roman-standard/uploads_fonts_fk-roman-standard_fk-roman-standard-regular.fixed.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FK Roman Standard';
  src: url('https://cdn.phapluatchinhsach.vn/uploads/fonts/fk-roman-standard/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.phapluatchinhsach.vn/uploads/fonts/fk-roman-standard/uploads_fonts_fk-roman-standard_fk-roman-standard-bold-italic.fixed.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  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: var(--ff-global);
  --ff-excerpt: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-meta: var(--ff-global);
  --ff-p: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-heading: var(--ff-global);
  --ff-li: "FK Roman Standard", Georgia, "Times New Roman", Times, serif;
  --ff-figcaption: var(--ff-global);
  --ff-photostoryFigcaption: var(--ff-global);
  --ff-infobox: var(--ff-global);
  --ff-blockquote: var(--ff-global);
}

/* ==================== 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);
}