/* ==========================================================
   VTUBER THEME OVERRIDE: TANI KAMI (AMBER GOLD & HONEY CHEESE)
   Tông vàng cam hổ phách ấm áp / Hạt dẻ / Phô mai mật ong cho Hamster God Tani Kami
   ========================================================== */
:root {
  /* ==========================================================================
     1. TÔNG MÀU CHỦ ĐẠO (PRIMARY ACCENT - AMBER GOLD / VÀNG HỔ PHÁCH)
     ========================================================================== */
  --theme-primary: #f59e0b;            /* Màu chủ đạo chính: Vàng cam hổ phách ấm áp */
  --theme-primary-hover: #fbbf24;      /* Màu khi rê chuột (hover) (vàng tươi rạng rỡ) */
  --theme-primary-active: #d97706;     /* Màu khi nhấn giữ (click/active) (vàng hổ phách sẫm) */
  --theme-primary-light: #fef3c7;      /* Màu phụ sáng: Chữ nhấn mạnh, highlight vàng kem */
  --theme-primary-dark: #b45309;       /* Tông hổ phách sẫm tạo chiều sâu */
  
  /* Kênh RGB tương ứng của màu chủ đạo */
  --theme-primary-rgb: 245, 158, 11;
  --theme-primary-hover-rgb: 251, 191, 36;
  --theme-primary-active-rgb: 217, 119, 6;
  --theme-primary-light-rgb: 254, 243, 199;

  /* ==========================================================================
     2. TÔNG MÀU PHỤ / KIM LOẠI (SECONDARY / ACCENT - VÀNG PHÔ MAI / CHEESE YELLOW)
     ========================================================================== */
  --theme-secondary: #fef08a;          /* Màu phụ: Vàng phô mai nhạt tương phản sang trọng */
  --theme-secondary-hover: #ffffff;    /* Trắng thuần tinh khiết khi hover */
  --theme-secondary-muted: #94a3b8;    /* Xám bạc mô tả ít quan trọng */
  --theme-secondary-rgb: 254, 240, 138;
  --theme-secondary-muted-rgb: 148, 163, 184;

  /* ==========================================================================
     3. MÀU NỀN TỔNG THỂ (BACKGROUND & SPACE)
     ========================================================================== */
  --theme-bg-body: #0d0a06;            /* Nền đen nâu hổ phách huyền bí ấm áp */
  --theme-bg-rgb: 13, 10, 6;

  /* ==========================================================================
     4. HIỆU ỨNG THẺ KÍNH MỜ (GLASSMORPHISM TINT GRADIENTS)
     ========================================================================== */
  --theme-tint-card-start: rgba(24, 18, 10, 0.65);
  --theme-tint-card-end: rgba(14, 10, 6, 0.75);
  --theme-tint-card-hover-start: rgba(36, 26, 14, 0.78);
  --theme-tint-card-hover-end: rgba(20, 14, 8, 0.85);
  --theme-tint-popup-start: rgba(28, 20, 10, 0.97);
  --theme-tint-popup-end: rgba(16, 12, 6, 0.98);
  --theme-tint-header-start: rgba(16, 12, 6, 0.92);

  /* ==========================================================================
     5. ÁNH XẠ CHO TRANG QUẢN TRỊ ADMIN (ADMIN DASHBOARD TOKENS)
     ========================================================================== */
  --gold: #f59e0b;
  --gold-dark: #d97706;
  --gold-light: #fbbf24;
  --gold-glow: rgba(245, 158, 11, 0.25);
  --gold-glass: rgba(245, 158, 11, 0.10);
  --gold-text: #ffffff;

  /* ==========================================================================
     6. TÙY CHỈNH VÒNG QUAY GACHA THEO KHÁCH HÀNG (TANI KAMI CUSTOM THEME)
     ========================================================================== */
  /* Badge tiêu đề "VÒNG QUAY TIME" */
  --gacha-badge-bg: rgba(245, 158, 11, 0.28);
  --gacha-badge-border: rgba(251, 191, 36, 0.55);
  --gacha-badge-shadow: 0 4px 16px rgba(245, 158, 11, 0.45);
  --gacha-badge-color: #ffffff;
  --gacha-badge-text-shadow: 0 1px 6px rgba(245, 158, 11, 0.7);

  /* Chữ "vừa quay" và số tiền */
  --gacha-action-color: #fef3c7;
  --gacha-amount-color: #fbbf24;
  --gacha-amount-shadow: 0 0 14px rgba(245, 158, 11, 0.6), 0 2px 8px rgba(0, 0, 0, 0.95);

  /* Kết quả bên dưới vòng quay */
  --gacha-result-title-color: #ffffff;
  --gacha-result-title-shadow: 0 0 18px rgba(245, 158, 11, 0.75), 0 2px 10px rgba(0, 0, 0, 0.95);
  --gacha-result-note-color: #fef08a;
  --gacha-result-note-shadow: 0 2px 8px rgba(0, 0, 0, 0.95);

  /* ==========================================================
     7. TÙY CHỈNH THANH TIẾN TRÌNH MỤC TIÊU (TANI KAMI THEME)
     Tông vàng cam hổ phách ấm áp / Hạt dẻ / Phô mai mật ong
     ========================================================== */
  /* Khung thẻ kính Goal Card */
  --goal-card-bg: linear-gradient(135deg, rgba(19, 7, 7, 0.438), rgba(19, 7, 7, 0.438));
  --goal-card-border: 1.5px solid rgba(245, 158, 11, 0.4);
  --goal-card-shadow: 0 16px 45px rgba(0, 0, 0, 0.233), 0 0 25px rgba(245, 158, 11, 0.25);

  /* Tiêu đề & Icon */
  --goal-icon-color: #fbbf24;
  --goal-title-color: #ffffff;
  --goal-title-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);

  /* Thanh tiến trình (Track & Fill) */
  --goal-track-bg: rgba(12, 8, 4, 0.75);
  --goal-track-border: 1px solid rgba(255, 255, 255, 0.12);
  --goal-fill-bg: linear-gradient(90deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%);
  --goal-fill-shadow: 0 0 18px rgba(245, 158, 11, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.35);

  /* Số tiền & Phần trăm */
  --goal-current-amount-color: #fbbf24;
  --goal-current-amount-shadow: 0 0 12px rgba(245, 158, 11, 0.55), 0 1px 3px rgba(0, 0, 0, 0.8);
  --goal-target-amount-color: rgba(255, 255, 255, 0.75);
  --goal-pct-badge-bg: rgba(245, 158, 11, 0.22);
  --goal-pct-badge-border: 1px solid rgba(245, 158, 11, 0.5);
  --goal-pct-badge-color: #ffffff;
  --goal-pct-badge-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);

  /* Delta Pill (Thông báo cộng dồn donate mới) */
  --goal-delta-bg: linear-gradient(135deg, #f59e0b, #d97706);
  --goal-delta-color: #ffffff;
  --goal-delta-shadow: 0 6px 18px rgba(245, 158, 11, 0.5);
}

/* 1. Nút phong cách Primary: Luôn dùng chữ trắng thuần (#ffffff) */
.btn-gold,
button.btn-gold,
.gacha-filter-btn.active,
.confirm-modal-btn-confirm.gold,
.confirm-modal-btn-confirm.primary {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-weight: 700;
}

.btn-gold svg,
button.btn-gold svg {
  stroke: #ffffff !important;
}

.btn-gold:hover,
button.btn-gold:hover,
.gacha-filter-btn.active:hover {
  color: #ffffff !important;
  filter: brightness(1.1);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45);
}

/* 2. Menu thanh bên (Sidebar) */
.bento-nav-item.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(245, 158, 11, 0.12)) !important;
  border-color: rgba(245, 158, 11, 0.50) !important;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.22) !important;
}

.bento-nav-item.active .bento-nav-icon,
.bento-nav-item.active .bento-nav-icon svg {
  color: #fef3c7 !important;
  stroke: #fef3c7 !important;
}

/* 3. Thẻ thống kê & Điểm nhấn Admin */
.text-gold {
  color: #fef3c7 !important;
  text-shadow: 0 0 16px rgba(245, 158, 11, 0.35);
}

.stat-gold {
  color: #fef3c7 !important;
}

.donate-auth-link {
  color: #fbbf24 !important;
}

.donate-auth-link:hover {
  color: #ffffff !important;
}

.donate-error-msg {
  color: #ffffff !important;
  background: rgba(245, 158, 11, 0.22) !important;
  border-color: rgba(245, 158, 11, 0.45) !important;
}

/* Override nút Test Nạp (btn-amber) theo tông vàng hổ phách của Tani */
.btn-amber,
button.btn-amber {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  font-weight: 700;
}

.btn-amber:hover,
button.btn-amber:hover {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  box-shadow: 0 8px 22px rgba(245, 158, 11, 0.5) !important;
}

.btn-amber svg,
button.btn-amber svg {
  stroke: #ffffff !important;
}