@import url("/assets/vietnamclinic/style.css?v=20261030a");

/*
 * Vietnam Aesthetics overlay. Deep plum-rose ink, rose supporting tone, terracotta-rose
 * accent and soft champagne. Only colour and font tokens plus the selectors the Asian
 * Clinic Finder overlay touches change; the layout stays the Vietnam Clinic one.
 * --coral-dark is #a8493a rather than the #d9735f accent: the clinic stylesheet uses it
 * for the primary button background (white text 5.71:1) and for small eyebrow/link text
 * on paper (5.41:1) and sand (4.85:1), where #d9735f only reaches 3.03:1 on paper.
 */
:root {
  --ink: #4a1f33;
  --ink-soft: #7a4a5e;
  --green: #8c3b57;
  --green-dark: #33121f;
  --mint: #f1dde5;
  --mint-soft: #f9eff3;
  --coral: #d9735f;
  --coral-dark: #a8493a;
  --coral-soft: #f8e1da;
  --gold: #e9c98f;
  --gold-deep: #a87c36;
  --gold-soft: #f6e3c0;
  --gold-pale: #fcf4e6;
  --sand: #f4ebe3;
  --paper: #fdf8f4;
  --muted: #6f5f66;
  --line: rgba(74, 31, 51, 0.16);
  --shadow: 0 24px 70px rgba(74, 31, 51, 0.14);
}

::selection { color: #ffffff; background: var(--green); }
.site-header { background: rgba(253, 248, 244, 0.97); border-bottom-color: rgba(217, 115, 95, 0.22); }
.site-header__brand { width: 250px; }
.site-nav__link:hover, .site-nav__link.is-active, .site-header__search:hover { background: rgba(233, 201, 143, .32); }
.hero, .rankings-hero, .blog-hero, .page-hero, .post-hero, .legal-hero, .contact-hero, .search-hero, .not-found-hero {
  background: linear-gradient(135deg, #4a1f33 0%, #4a1f33 64%, #8c3b57 100%);
}
.hero__lead { color: #f1e2e8; }
.hero__kicker span { box-shadow: 0 0 0 6px rgba(233, 201, 143, .2); }
.section--ink { background: linear-gradient(145deg, #4a1f33, #8c3b57); }
.specialty-card--medical { color: #ffffff; background: #a8493a; }
.specialty-card--psychology { color: #4a1f33; background: #e9c98f; }
.specialty-card--aesthetic { color: #ffffff; background: #4a1f33; border: 1px solid rgba(255,255,255,.25); }
.btn--primary:hover { background: #7a2f24; border-color: #7a2f24; }
.hero__signal, .trust-list, .post-card { border-color: rgba(74, 31, 51, .14); }
.site-footer { background: #22101a; }

@media (max-width: 700px) {
  .site-header__brand { width: 204px; }
}

/* Brand layer font tokens for Vietnam Aesthetics (see the clinic stylesheet).
 * Be Vietnam Pro carries the Vietnamese subset that the /vn pages require. */
:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
h1, h2 { font-weight: 700; }