/* 
Color schema: Primary = pink; Dark theme base = black 
Source:       https://getbootstrap.com/docs/5.3/customize/color-modes/
*/
html[data-bs-theme="dark"], [data-bs-theme="dark"]{
  --bs-body-bg:#141414 !important;
  --bs-body-color:#e4e2e2;
  --bs-heading-color:#EDEDED;
  --bs-secondary-color:#ADADAD;
  --bs-primary:#FF1FD6;
  --bs-primary-rgb:255,31,214;
}
[data-bs-theme="dark"] .v-application {
  background-color: var(--bs-body-bg) !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Cart feedback animation */
@keyframes pulse-success {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

body {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #141414 !important;
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* App container padding with responsive padding */
.app-container {
  max-width: 1140px;
  padding: 1rem 2rem !important; 
}

/* Set text-primary links to pink color */
a.text-primary {
  color: #FF1FD6 !important;
}

a.text-primary:hover {
  color: #E01BC2 !important;
}

/* Sticky Footer */
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

#app {
  flex: 1;
}

footer {
  margin-top: auto;
}