/* ===== VinaSite Child – Design tokens (màu lấy từ logo matongmanuka.vn) ===== */
:root{
  /* Thương hiệu – từ logo */
  --brand-primary:#1b6fd8;      /* xanh dương chữ MATONGMANUKA.VN */
  --brand-primary-dark:#1257ac;
  --brand-primary-soft:#eaf2fc;
  --brand-secondary:#f4b400;    /* vàng mật ong đậm */
  --honey-accent:#f6c324;       /* vàng mật ong */
  --honey-light:#ffe7a3;
  --honey-deep:#e0940b;
  /* Nhấn dầu ô liu */
  --olive-accent:#6f8f3f;
  --olive-dark:#556f30;
  --olive-soft:#eef3e3;
  /* Nền & chữ */
  --surface-light:#ffffff;
  --surface-cream:#fff8ec;
  --surface-gray:#f6f7f9;
  --text-primary:#1a1a1a;
  --text-secondary:#5a5a5a;
  --border-color:#e8e8e8;
  --success-color:#1a9e4b;
  --sale-color:#e60000;
  /* Layout */
  --container:1280px;
  --radius:12px;
  --radius-lg:16px;
  --shadow-sm:0 4px 14px rgba(20,41,77,.06);
  --shadow-md:0 12px 30px rgba(20,41,77,.08);
  --space:20px;
}

/* ===== Base typography / layout (áp cho vùng tùy biến .mmn-*) ===== */
.mmn-wrap{max-width:var(--container);margin:0 auto;padding:0 20px}
.mmn-h1{font-size:clamp(30px,4vw,50px);line-height:1.15;font-weight:800;color:var(--text-primary)}
.mmn-h2{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:800;color:var(--text-primary);margin:0 0 6px}
.mmn-sub{font-size:16px;color:var(--text-secondary)}
.mmn-section{padding:44px 0}
.mmn-section-cream{background:var(--surface-cream)}
.mmn-section-gray{background:var(--surface-gray)}
.mmn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none!important;border:2px solid transparent;transition:.15s;cursor:pointer;line-height:1.2}
.mmn-btn-primary{background:var(--brand-primary);color:#fff!important}
.mmn-btn-primary:hover{background:var(--brand-primary-dark)}
.mmn-btn-honey{background:var(--honey-accent);color:#3a2b00!important}
.mmn-btn-honey:hover{background:var(--honey-deep);color:#fff!important}
.mmn-btn-ghost{background:#fff;color:var(--brand-primary)!important;border-color:var(--brand-primary)}
.mmn-btn-ghost:hover{background:var(--brand-primary-soft)}
.mmn-btn:focus-visible{outline:3px solid rgba(27,111,216,.4);outline-offset:2px}