/* Custom Color Variables for Bootstrap */
:root {
  /* Primary Colors */
  --primary-color: #EE8066;
  --dark-color: #252525;
  --light-color: #FFFFFF;
  
  /* Additional Colors */
  --primary-hover: #e06d50;
  --primary-dark: #d65a3a;
  --gray-light: #f5f5f5;
  --gray-border: #f0f0f0;
  --gray-divider: #E0E0E0;
  --gray-medium: #d0d0d0;
  --gray-text: #999;
  --dark-hover: #1a1a1a;
  --footer-bg: #FFF5F3;
  --footer-bg-custom: rgba(238, 128, 102, 0.1);
  --primary-light: #f5a085;
  --danger-color: #dc3545;
  --sidebar-active-bg: rgba(238, 128, 102, 0.15);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --shadow-color-light: rgba(0, 0, 0, 0.05);
  
  /* Bootstrap 5 Color Override (if using Bootstrap 5) */
  --bs-primary: #EE8066;
  --bs-dark: #252525;
  --bs-light: #FFFFFF;
}

/* Custom Utility Classes - Color Only */
.bg-primary-custom {
  background-color: #EE8066 !important;
}

.bg-dark-custom {
  background-color: #252525 !important;
}

.bg-light-custom {
  background-color: #FFFFFF !important;
}

.text-primary-custom {
  color: #EE8066 !important;
}

.text-dark-custom {
  color: #252525 !important;
}

.text-light-custom {
  color: #FFFFFF !important;
}

.border-primary-custom {
  border-color: #EE8066 !important;
}

.border-dark-custom {
  border-color: #252525 !important;
}

/* Using CSS Variables */
.bg-primary-var {
  background-color: var(--primary-color);
}

.text-primary-var {
  color: var(--primary-color);
}

.bg-dark-var {
  background-color: var(--dark-color);
}

.text-dark-var {
  color: var(--dark-color);
}

.bg-light-var {
  background-color: var(--light-color);
}

.text-light-var {
  color: var(--light-color);
}