/* ============================================================
   THIEN Y — Vietnamese typography overrides
   Loaded ONLY on /vi/ pages, after the main styles.css.
   The original site uses DM Serif Display, Italiana, and Cinzel,
   none of which include the Vietnamese subset on Google Fonts.
   When Vietnamese diacritics (ế, ữ, ậ, ỳ, ...) appear, the
   browser silently falls back to a system font for those
   glyphs, producing inconsistent, ugly typography.
   This file replaces those three faces with similar serifs
   that *do* ship a complete Vietnamese subset:
       DM Serif Display  ->  Playfair Display
       Italiana          ->  Marcellus
       Cinzel            ->  Marcellus
   Cormorant Garamond and Jost already include Vietnamese,
   so they are kept as-is.
   ============================================================ */

:root {
  --serif-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --serif:         'Cormorant Garamond', Georgia, serif;
  --accent:        'Marcellus', 'Cormorant Garamond', serif;
  --sans:          'Jost', 'Inter', system-ui, sans-serif;
}

/* The two places in styles.css that hard-code Italiana / Cinzel
   bypass the variables above, so they need explicit overrides. */
.brand-name {
  font-family: 'Marcellus', 'Cormorant Garamond', serif;
}

.hero-title {
  font-family: 'Marcellus', var(--serif-display);
  /* Marcellus is slightly wider than Cinzel; trim the tracking
     a touch so long Vietnamese titles still breathe. */
  letter-spacing: 0.22em;
}