/* ============================================================
   Thiện Mỹ Business — lớp phủ nhận diện
   Bám đúng bảng màu "editorial jade" của trang chính thienmy.com
   (đo trực tiếp từ https://thienmy.com/assets/css/styles.css, 05/09/2026).

   🔴 KHÔNG sửa app.css. File này nạp SAU app.css nên chỉ cần ghi đè biến.
   Sửa app.css là lần sau kéo bản mới từ Golden Master sẽ mất hết.
   ============================================================ */

:root {
  /* --- jade/emerald: màu chủ đạo --- */
  --brand:        #0a6a44;   /* emerald   */
  --brand-dark:   #064f33;   /* emerald-deep */
  --brand-light:  #e7f8ee;   /* mint      */
  --jade:         #15b277;
  --jade-bright:  #2fd79a;

  /* --- vàng cổ: màu nhấn --- */
  --accent:       #c79a44;   /* gold      */
  --accent-dark:  #a87f31;

  /* --- nền giấy + mực --- */
  --text:         #15291f;   /* ink       */
  --text-soft:    #5d7367;   /* muted     */
  --text-muted:   #8fa398;

  --bg:           #fbfdf9;   /* paper     */
  --bg-alt:       #f3f8f1;   /* paper-2   */
  --bg-card:      #ffffff;
  --border:       rgba(10,106,68,.14);
  --border-soft:  rgba(10,106,68,.08);

  --shadow-sm:    0 8px 24px rgba(8,68,46,.07);
  --shadow:       0 18px 46px rgba(8,68,46,.12);
  --shadow-lg:    0 30px 70px rgba(7,58,39,.18);

  /* Fraunces cho tiêu đề — đúng chữ của trang chính.
     Be Vietnam Pro giữ nguyên cho phần thân vì đọc tiếng Việt tốt hơn. */
  --font-heading: 'Fraunces', 'Be Vietnam Pro', Georgia, serif;
  --font-body:    'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Nền giấy: hai vệt sáng + hạt giấy, chép tinh thần từ trang chính
   nhưng nhẹ hơn vì trang này đọc bài dài, không phải trang giới thiệu. */
body {
  background-color: var(--bg);
  background-image:
    radial-gradient(900px 480px at 88% -8%, rgba(47,215,154,.10), transparent 70%),
    radial-gradient(720px 420px at -6% 4%, rgba(199,154,68,.08), transparent 70%);
  background-attachment: fixed;
}

h1, h2, h3, .brand-name {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -.012em;
  font-optical-sizing: auto;
}
h1 { line-height: 1.12; }

/* Chữ nhấn dùng vàng cổ, không dùng xanh — để mắt phân biệt được
   "đây là điểm nhấn" với "đây là link". */
::selection { background: var(--jade-bright); color: #04241a; }

/* Link trong thân bài: gạch chân mảnh màu jade, đậm dần khi rê.
   Bài ở site này dài, link thưa — phải thấy rõ mà không chói. */
.post-body a, .article-body a, .entry-content a {
  color: var(--brand);
  text-decoration: underline;
  text-decoration-color: rgba(21,178,119,.45);
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}
.post-body a:hover, .article-body a:hover, .entry-content a:hover {
  text-decoration-color: var(--jade);
}

/* ── TMDC_PROMO_v1 ─────────────────────────────────────────────────────────
   Chân trang: thay khối "hệ sinh thái Viking / bởi Tên Miền Đẳng Cấp" bằng
   một lời mời sang TMDC. Site này là gốc rễ, không phải sản phẩm của ai. */
.site-footer .footer-tmdc{
  display:flex; flex-direction:column; align-items:center; gap:.55rem;
  padding:1.35rem 1rem; margin:0 auto 1rem;
  max-width:34rem; text-align:center;
  border:1px solid rgba(199,154,68,.28); border-radius:14px;
  background:rgba(199,154,68,.06);
}
.site-footer .footer-tmdc .ft-eyebrow{
  font-size:.74rem; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.site-footer .footer-tmdc .ft-tmdc-link{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--font-heading,serif); font-size:1.18rem; font-weight:700;
  color:#e3c07a; text-decoration:none; line-height:1.2;
}
.site-footer .footer-tmdc .ft-tmdc-link:hover{ color:#f0d49a; text-decoration:underline; }
.site-footer .footer-tmdc .ft-seal{ font-size:1.05em; }
.site-footer .footer-tmdc .ft-note{
  font-size:.82rem; color:rgba(255,255,255,.55); max-width:26rem; line-height:1.5;
}
@media (max-width:520px){
  .site-footer .footer-tmdc{ padding:1.1rem .9rem; }
  .site-footer .footer-tmdc .ft-tmdc-link{ font-size:1.05rem; }
}