/* ============================================================
   Phong Thuy — Ho Thang — lop phu nhan dien
   Bam dung bang mau cua trang chinh https://hothang.com/assets/css/styles.css
   (do truc tiep 12/09/2026 — cung cach da lam cho business.thienmy.com).

   🔴 KHONG sua app.css. File nay nap SAU app.css nen chi can ghi de bien.
   Sua app.css la lan sau keo ban moi tu Golden Master se mat het.
   ============================================================ */

:root {
  /* --- mau chu dao (tu --emerald cua trang chinh) --- */
  --brand:        #e86f1a;
  --brand-dark:   #bd5410;
  --brand-light:  #fde6d2;
  --jade:         #f0954a;
  --jade-bright:  #f6b378;

  /* --- mau nhan (tu --gold) --- */
  --accent:       #9c6b1d;
  --accent-dark:  #845a18;

  /* --- nen giay + muc --- */
  --text:         #2e2014;
  --text-soft:    #8a6f54;
  --text-muted:   #b2a18f;

  --bg:           #fffaf3;
  --bg-alt:       #fcebd9;
  --bg-card:      #ffffff;
  --border:       rgba(232,111,26,.14);
  --border-soft:  rgba(232,111,26,.08);

  --shadow-sm:    0 8px 24px rgba(189,84,16,.07);
  --shadow:       0 18px 46px rgba(189,84,16,.12);
  --shadow-lg:    0 30px 70px rgba(189,84,16,.18);

  --font-heading: 'Fraunces', 'Be Vietnam Pro', Georgia, serif;
  --font-body:    'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Nen giay: hai vet sang, nhe hon trang gioi thieu vi trang nay doc bai dai. */
body {
  background-color: var(--bg);
  background-image:
    radial-gradient(900px 480px at 88% -8%, rgba(246,179,120,.10), transparent 70%),
    radial-gradient(720px 420px at -6% 4%, rgba(156,107,29,.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; }

::selection { background: var(--jade-bright); color: #17100a; }

/* Link trong than bai: gach chan manh, dam dan khi re. */
.post-body a, .article-body a, .entry-content a {
  color: var(--brand);
  text-decoration: underline;
  text-decoration-color: rgba(240,149,74,.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 — chan trang moi sang TMDC ─────────────────────── */
.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(156,107,29,.28); border-radius:14px;
  background:rgba(156,107,29,.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:#c8ad82; text-decoration:none; line-height:1.2;
}
.site-footer .footer-tmdc .ft-tmdc-link:hover{ color:#d9c6a9; 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; }
}