:root{--brand-primary:#2E7D32;--brand-primary-700:#1B5E20;--brand-secondary:#4CAF50;--brand-accent:#F7931E;--brand-text:#0F172A;--brand-bg:#F7FAF7;}
a, a:visited{color:var(--brand-primary);}a:hover{color:var(--brand-primary-700);}
.btn-primary,.button-primary,button.primary{background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:#fff!important;}
.btn-primary:hover,.button-primary:hover,button.primary:hover{background:var(--brand-primary-700)!important;border-color:var(--brand-primary-700)!important;}
.text-primary{color:var(--brand-primary)!important;}.bg-primary{background:var(--brand-primary)!important;color:#fff!important;}
.bg-accent{background:var(--brand-accent)!important;color:#fff!important;}
.pill,.tag,.badge{background:var(--brand-secondary)!important;color:#fff!important;}
body{color:var(--brand-text);background:var(--brand-bg);}

/* === CTA sáng hơn theo màu logo (cam) === */
.btn-cta{
  --cta:#F18F1C;            /* cam chủ đạo (lấy từ logo) */
  --cta-hover:#FF9F2D;      /* cam sáng khi hover */
  --cta-shadow:rgba(241,143,28,.45);

  background: linear-gradient(180deg, var(--cta), #ff8d14);
  color:#fff !important;
  border:0 !important;
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 600;
  box-shadow: 0 8px 22px var(--cta-shadow);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-cta:hover{
  filter: brightness(1.06);
  box-shadow: 0 10px 28px rgba(241,143,28,.55);
  transform: translateY(-1px);
}
.btn-cta:active{
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(241,143,28,.40);
}
/* === PHU LOC primary button (green) === */
.btn-phuloc {
  --green:#0B6B3A;         /* xanh đậm theo logo */
  --green-2:#118848;       /* xanh sáng hơn để đổ grad/hover */
  background: linear-gradient(180deg, var(--green), var(--green-2));
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  padding:12px 24px !important;
  font-weight:700 !important;
  box-shadow:0 10px 24px rgba(17,136,72,.28);
  transition: transform .15s ease, filter .2s ease, box-shadow .2s ease;
  opacity:1 !important; /* tránh bị class opacity-50 làm mờ */
}
.btn-phuloc:hover{
  filter:brightness(1.06);
  box-shadow:0 12px 30px rgba(17,136,72,.36);
  transform:translateY(-1px);
}
.btn-phuloc:active{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(17,136,72,.28);
}
/* disabled nhưng vẫn rõ */
.btn-phuloc[disabled],
.btn-phuloc[aria-disabled="true"]{
  opacity:.65 !important;
  filter:saturate(.9);
}