/**
 * VCB Priority theme tokens — tham chiếu .priority-theme Vietcombank
 * Áp dụng toàn site qua :root; class .priority-theme để override scoped nếu cần.
 */
:root,
.priority-theme {
  /* Text */
  --vcb-text-color-dim-dark-80: rgba(0, 0, 0, 0.8);
  --vcb-text-color-dim-dark-60: rgba(0, 0, 0, 0.6);
  --vcb-text-color-dim-dark-40: rgba(0, 0, 0, 0.4);
  --vcb-primary-txt-color: rgba(0, 0, 0, 0.8);
  --vcb-primary-heading-color: rgba(0, 0, 0, 0.8);
  --vcb-secondary-heading-color: rgba(0, 0, 0, 0.8);
  --vcb-secondary-sub-heading-color: rgba(0, 0, 0, 0.6);
  --vcb-default-paragraph-txt: rgba(0, 0, 0, 0.8);

  /* Brown / gold palette */
  --vcb-brown: #553716;
  --vcb-brown-dark: #3d280f;
  --vcb-gold: #a78656;
  --vcb-gold-mid: #cbaa7a;
  --vcb-gold-light: #f7e9d5;
  --vcb-gold-pale: #fef8ef;
  --vcb-gold-cream: #f4e0c2;
  --vcb-gold-border: #e7ca9f;
  --vcb-promo-background: rgba(167, 134, 86, 0.1);
  --vcb-primary-gradient-bg: linear-gradient(96.64deg, #d3bf8a 5.55%, #a18154 97.61%);

  /* Buttons */
  --vkq-btn-primary-bg: #553716;
  --vkq-btn-primary-bg-hover: #3d280f;
  --vkq-btn-primary-txt: #fff;
  --vkq-btn-muted-bg: #f7e9d5;
  --vkq-btn-muted-bg-hover: #f4e0c2;
  --vkq-btn-muted-border: rgba(85, 55, 22, 0.12);
  --vkq-btn-radius: 8px;
  --vcb-btn-primary-bg: #553716;
  --vcb-btn-primary-txt: #fff;
  --vcb-btn-primary-bg-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #553716;
  --vcb-btn-primary-bg-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #553716;
  --vcb-btn-secondary-bg: #553716;
  --vcb-btn-secondary-txt: #fff;
  --vcb-btn-default-txt: rgba(0, 0, 0, 0.8);
  --vcb-btn-default-bg: #fff;
  --vcb-btn-default-bg-hover: #fafafa;
  --vcb-confirm-btn-default-txt: #553716;
  --vcb-login-btn-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #553716;

  /* Chips / tabs */
  --vcb-chip-txt-color: rgba(0, 0, 0, 0.8);
  --vcb-chip-txt-color-active: #fff;
  --vcb-chip-txt-color-hover: rgba(0, 0, 0, 0.8);
  --vcb-chip-bg: #f6f6f6;
  --vcb-chip-bg-active: #553716;
  --vcb-chip-bg-hover: #fef8ef;
  --vcb-chip-border-color-hover: #cbaa7a;
  --vcb-chip-border-color-active: transparent;
  --vcb-chip-bg-primary: #cbaa7a;
  --vcb-tab-secondary-bg: #f7e9d5;

  /* Nav / menu */
  --vcb-navigation-main: rgba(0, 0, 0, 0.8);
  --vcb-navigation-main-border: #553716;
  --vcb-home-nav-item-bg-hover: #fef8ef;
  --vcb-home-nav-item-bg-press: #f7e9d5;
  --vcb-main-menu-home-hover-bg: #f4e0c2;
  --vcb-menu-change-font-size-bg: #f4e0c2;
  --vcb-menu-flags-hover-bg: #f4e0c2;

  /* Search / inputs */
  --vcb-global-search-border-color: rgba(0, 0, 0, 0.1);
  --vcb-global-search-dropdown-border-color: #e7e7e7;
  --vcb-global-search-input-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  --vcb-dropdown-item-bg: rgba(0, 0, 0, 0.05);
  --vcb-dropdown-button-active-border: #e7ca9f;

  /* Footer / surfaces */
  --vcb-footer-bg: #fafafa;
  --vcb-neutral-border: #e7e7e7;
  --vcb-surface-muted: #fafafa;
  --vcb-surface-subtle: #f6f6f6;

  /* Tables */
  --vcb-faq-field-content-table-border: 1px solid #e7e7e7;
  --vcb-faq-field-content-table-thead-bg: #fdf2e1;
  --vcb-faq-field-content-table-tr-bg: rgba(0, 0, 0, 0.02);

  /* Cards / links */
  --vcb-card-list-loadmore: rgba(0, 0, 0, 0.8);
  --vcb-investment-link-see-more-color: rgba(0, 0, 0, 0.8);
  --vcb-link-all-questions-color: rgba(0, 0, 0, 0.8);

  /* Banner CTA */
  --vcb-sm-banner-right-btn-color: #fff;
  --vcb-sm-banner-right-btn-background-color: #553716;
  --vcb-sm-banner-horizontal-background: #f4e0c2;
  --vcb-sm-banner-vertical-background: rgba(167, 134, 86, 0.15);

  /* Error / status */
  --vcb-eligibility-calculator-red-point: #de3e37;
}

/**
 * Màu chữ sitewide rgba(0,0,0,.8) — giữ nguyên giá mua/bán bạc & biểu đồ
 * (giá mua/bán: pq-red/pq-green trong styles-2.css)
 */

/* Biểu đồ: tab/chip hover & legend giữ tương phản riêng */
.vkq-chart-block .vkq-chart-tab:hover:not(.is-active),
.vkq-chart-block .vkq-chart-unit:hover:not(.is-active),
.vkq-chart-page .vkq-chart-tab:hover:not(.is-active),
.vkq-chart-page .vkq-chart-unit:hover:not(.is-active),
.vkq-chart-page .vkq-filter-btn--ghost:hover,
.vkq-home-prices__col--chart .vkq-chart-tab:hover:not(.is-active),
.vkq-home-prices__col--chart .vkq-chart-unit:hover:not(.is-active) {
  color: var(--navy);
}

.vkq-chart-block .vkq-chart-tab.is-active,
.vkq-chart-block .vkq-chart-unit.is-active,
.vkq-chart-page .vkq-chart-tab.is-active,
.vkq-chart-page .vkq-chart-unit.is-active,
.vkq-home-prices__col--chart .vkq-chart-tab.is-active,
.vkq-home-prices__col--chart .vkq-chart-unit.is-active {
  color: #fff;
}

.vkq-chart-legend,
.vkq-chart-legend__item,
.vkq-chart-price__label,
.vkq-home-prices .vkq-chart-legend {
  color: var(--muted);
}

/**
 * Nút — đồng bộ màu toàn site
 * Chính: nâu VCB | Phụ / ghost / CSKH / MXH: nâu nhạt
 */
.btn-nav,
.vkq-submit,
.vkq-auth-submit:not(.vkq-auth-submit--secondary),
.vkq-stickybar__btn,
.vkq-price-confirm__btn--primary,
.vkq-cart-remove__btn--primary,
.vkq-foot-top__cskh,
.pd-btn:not(.secondary),
.pd-purchase .pd-btn--buy,
.cc-add-confirm,
.cc-add-btn,
.vkq-filter-btn--primary,
.form-grid button[type="submit"],
.acc-form-actions .vkq-submit,
.order-card--compact .order-card__action,
.order-card--list .order-pay-btn,
body[data-page="auth"] .orders-export-btn {
  background: var(--vkq-btn-primary-bg, var(--navy));
  color: var(--vkq-btn-primary-txt, #fff);
  border-color: var(--vkq-btn-primary-bg, var(--navy));
}

.btn-nav:hover,
.vkq-submit:hover,
.vkq-auth-submit:not(.vkq-auth-submit--secondary):hover,
.vkq-stickybar__btn:hover,
.vkq-price-confirm__btn--primary:hover,
.vkq-cart-remove__btn--primary:hover,
.vkq-foot-top__cskh:hover,
.pd-btn:not(.secondary):hover,
.pd-purchase .pd-btn--buy:hover,
.cc-add-confirm:hover,
.cc-add-btn:hover,
.vkq-filter-btn--primary:hover,
.form-grid button[type="submit"]:hover,
.acc-form-actions .vkq-submit:hover,
.order-card--compact .order-card__action:hover,
.order-card--list .order-pay-btn:hover,
body[data-page="auth"] .orders-export-btn:hover {
  background: var(--vkq-btn-primary-bg-hover, var(--accent-hover));
  border-color: var(--vkq-btn-primary-bg-hover, var(--accent-hover));
  color: var(--vkq-btn-primary-txt, #fff);
}

.btn-ghost,
.vkq-auth-submit--secondary,
.vkq-price-confirm__btn--ghost,
.vkq-cart-remove__btn--ghost,
.vkq-filter-btn--ghost,
.pd-btn.secondary,
.acc-form-actions .btn-ghost,
.flatpickr-today-btn {
  background: var(--vkq-btn-muted-bg, #f7e9d5);
  color: var(--ink);
  border: 1px solid var(--vkq-btn-muted-border, rgba(85, 55, 22, 0.12));
}

.btn-ghost:hover,
.vkq-auth-submit--secondary:hover,
.vkq-price-confirm__btn--ghost:hover,
.vkq-cart-remove__btn--ghost:hover,
.vkq-filter-btn--ghost:hover,
.pd-btn.secondary:hover,
.acc-form-actions .btn-ghost:hover,
.flatpickr-today-btn:hover {
  background: var(--vkq-btn-muted-bg-hover, #f4e0c2);
  border-color: rgba(85, 55, 22, 0.22);
  color: var(--ink);
}