:root {
  /* Primary Color Palette */
  --primary: #0d6efd;       /* Blue (default Bootstrap primary) */
  --primary-dark: #0b5ed7;
  --primary-light: #3d8bfd;

  /* Secondary Colors */
  --secondary: #6c757d;     /* Gray */
  --success: #198754;       /* Green */
  --danger: #dc3545;        /* Red */
  --warning: #ffc107;       /* Yellow */
  --info: #0dcaf0;          /* Teal */
  --light: #f8f9fa;         /* Light gray */
  --dark: #212529;          /* Dark gray */

  /* Custom Shop Colors */
  --shop-primary: #5e35b1;  /* Purple accent */
  --shop-accent: #ff6d00;   /* Orange accent */
}

/* Override Bootstrap Primary Colors */
.bg-primary {
  background-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

/* Custom Shop Button Styles */
.btn-shop {
  background-color: var(--shop-primary);
  color: white;
}
.btn-shop:hover {
  background-color: #4a2d8c;
}

.btn-accent {
  background-color: var(--shop-accent);
  color: white;
}

/* Outline Variants */
.btn-outline-shop {
  color: var(--shop-primary);
  border-color: var(--shop-primary);
}
.btn-outline-shop:hover {
  background-color: var(--shop-primary);
  color: white;
}

/* Badge Overrides */
.badge.bg-primary {
  background-color: var(--primary) !important;
}

/* Navbar Overrides */
.navbar-dark.bg-primary {
  background-color: var(--primary) !important;
}

/* Custom Background Utilities */
.bg-shop-primary {
  background-color: var(--shop-primary) !important;
}
.bg-shop-accent {
  background-color: var(--shop-accent) !important;
}

/* Text Color Utilities */
.text-shop-primary {
  color: var(--shop-primary) !important;
}
.text-shop-accent {
  color: var(--shop-accent) !important;
}