:root {
  /* ===== TEMPLATE 2 — DARK LUXURY + GOLD ===== */
  --counter-top: 63%;
  --counter-left: 50%;
  --counter-font-size: 25px;
  --counter-font-weight: bold;
  --counter-color: #f0c850;

  /* Khung chính — nền tối, chữ sáng */
  --header-bg: #0a0e14;
  --footer-bg: #0a0e14;
  --site-bg: #0d1117;
  --site-text: #e8e8e8;
  --over-bg: #161b22;

  /* Accent vàng gold thay cam */
  --primary-color: #d4af37;
  --secondary-color: #f5e6c8;
  --fticon-text: #f0c850;
  --footer-itemtext: #f0c850;

  /* Nút — gradient gold, chữ tối */
  --btn-radius: 12px;
  --btn-bg: #d4af37;
  --btn-text-color: #0d1117;
  --btn-border-color: #f0c850;

  /* Link — gold */
  --custom-link-color: #d4af37;
  --custom-link-hover-color: #f5e6c8;
}

a { color: var(--custom-link-color); text-decoration: none; }
a:hover { color: var(--custom-link-hover-color); }

/* ===== Tinh chỉnh distinct (motion + gold accents) — KHÔNG đụng structure ===== */
body { background: radial-gradient(1200px 600px at 50% -10%, #16203a 0%, #0d1117 60%) fixed; color: var(--site-text); }
#header, header { border-bottom: 2px solid #d4af37; box-shadow: 0 2px 18px rgba(212,175,55,.18); }
.btn-below a, .action-btn, .drawer-auth-btn {
  background: linear-gradient(135deg,#f0c850,#d4af37 55%,#b8902a) !important;
  color: #0d1117 !important; border: none !important;
  box-shadow: 0 4px 14px rgba(212,175,55,.35); transition: transform .15s ease, box-shadow .15s ease;
}
.btn-below a:hover, .action-btn:hover, .drawer-auth-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(212,175,55,.5); }
.icon-item span, .footer-item span { color: var(--secondary-color); }
.icon-item img, .footer-item img { filter: drop-shadow(0 0 4px rgba(212,175,55,.25)); }
h1,h2,h3 { color: #f0c850; }
table, th, td { border-color: #2a2f3a !important; }
th { background: #161b22 !important; color: #f0c850 !important; }
section { scroll-margin-top: 70px; }
.site-copyright { background: #0a0e14 !important; color: #8a8f98 !important; }