/* ============================================
   CORES CUSTOMIZADAS - CDW THEME
   ============================================ */

/* Variáveis CSS */
:root {
  --primary-color: #2B2B2B;
  --secondary-color: #E7343B;
  --accent-color: #00FF00;
  --success-color: #5CAB36;
  --white: #FFFFFF;
  --black: #000000;
  --text-primary: #2B2B2B;
  --text-secondary: #838383;
  --text-light: #BEC1CC;
  --text-white: #FFFFFF;
  --text-success: #5CAB36;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F8F9FA;
  --bg-dark: #000000;
  --bg-accent: #00FF00;
  --bg-success: #5CAB36;
  --link-color: #2B2B2B;
  --link-hover: #E7343B;
  --btn-primary: #2B2B2B;
  --btn-secondary: #E7343B;
  --btn-accent: #00FF00;
  --btn-success: #5CAB36;
  --border-primary: #2B2B2B;
  --border-light: #E5E5E5;
  --border-dark: #000000;
}

/* Cores de Texto */
.text-primary {
  color: var(--primary-color) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

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

.text-white {
  color: var(--text-white) !important;
}

.text-success {
  color: var(--text-success) !important;
}

/* Cores de Fundo */
.bg-primary {
  background-color: var(--primary-color) !important;
}

.bg-secondary {
  background-color: var(--secondary-color) !important;
}

.bg-accent {
  background-color: var(--accent-color) !important;
}

.bg-success {
  background-color: var(--bg-success) !important;
}

.bg-white {
  background-color: var(--white) !important;
}

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

/* Cores de Links */
.link-primary {
  color: var(--link-color) !important;
}

.link-primary:hover {
  color: var(--link-hover) !important;
}

/* Cores de Botões */
.btn-primary {
  background-color: var(--btn-primary) !important;
  color: var(--white) !important;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white) !important;
}

.btn-secondary {
  background-color: var(--btn-secondary) !important;
  color: var(--white) !important;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn-secondary:hover {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

.btn-success {
  background-color: var(--btn-success) !important;
  color: var(--white) !important;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn-success:hover {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

/* Cores de Bordas */
.border-primary {
  border-color: var(--border-primary) !important;
}

.border-light {
  border-color: var(--border-light) !important;
}

.border-dark {
  border-color: var(--border-dark) !important;
}

/* Opacidade */
.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

/* Transições */
.transition-colors {
  transition: color 0.3s ease, background-color 0.3s ease !important;
}

.transition-all {
  transition: all 0.3s ease !important;
}

/* ============================================
   SLICK CAROUSEL CUSTOM
   ============================================ */
.slick-track {
  padding-bottom: 1rem;
}