/* ===========================================
   Brand Design Tokens — Bootstrap 5.3 overrides
   =========================================== */
:root {
  --bs-primary: #4361ee;
  --bs-primary-rgb: 67, 97, 238;

  --rd-navbar-bg: #1a1a2e;

  --rd-navbar-height: 60px;
  --rd-filter-width: 260px;

  /* Card tokens */
  --rd-card-radius: 0.75rem;
  --rd-card-img-height: 180px;
  --rd-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --rd-card-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.1);
  --rd-card-border: rgba(0, 0, 0, 0.06);

  /* Deal quality tiers */
  --rd-deal-hot: #dc2626;
  --rd-deal-good: #16a34a;
  --rd-deal-good-rgb: 22, 163, 74;

  /* Coupon */
  --rd-coupon-bg: #fef3c7;
  --rd-coupon-border: #f59e0b;
  --rd-coupon-text: #92400e;
}

[data-bs-theme="dark"] {
  --bs-primary: #6382ff;
  --bs-primary-rgb: 99, 130, 255;
  --rd-navbar-bg: #0a0a14;

  --rd-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  --rd-card-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.35);
  --rd-card-border: rgba(255, 255, 255, 0.06);

  --rd-coupon-bg: rgba(245, 158, 11, 0.12);
  --rd-coupon-border: #b45309;
  --rd-coupon-text: #fbbf24;
}