/**
 * Sistema de Cores Dinâmico - viradadevida.info
 * Variáveis CSS que podem ser alteradas via dashboard
 */

:root {
  /* === CORES PRINCIPAIS === */
  --color-primary: #5cb85c;
  --color-primary-dark: #4a9b4a;
  --color-primary-light: #6cc96c;
  --color-primary-rgb: 92, 184, 92;

  /* === CORES SEMÂNTICAS === */
  --color-secondary: #6c757d;
  --color-success: #28a745;
  --color-danger: #5cb85c; /* Atualmente verde conforme solicitado */
  --color-warning: #ffc107;
  --color-info: #17a2b8;

  /* === CORES NEUTRAS === */
  --color-dark: #212529;
  --color-light: #f8f9fa;
  --color-white: #ffffff;
  --color-black: #000000;

  /* === GRADIENTES === */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  --gradient-success: linear-gradient(135deg, var(--color-success) 0%, #1e7e34 100%);

  /* === SOMBRAS === */
  --shadow-primary: 0 4px 6px rgba(var(--color-primary-rgb), 0.1);
  --shadow-hover: 0 6px 12px rgba(var(--color-primary-rgb), 0.15);

  /* === BORDAS === */
  --border-primary: 1px solid var(--color-primary);
  --border-radius: 6px;
  --border-radius-lg: 12px;

  /* === OPACIDADES === */
  --opacity-75: 0.75;
  --opacity-50: 0.5;
  --opacity-25: 0.25;
}

/* === APLICAÇÃO DAS VARIÁVEIS === */

/* Botões */
.btn-primary, .btn-danger {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.btn-primary:hover, .btn-danger:hover {
  background-color: var(--color-primary-dark) !important;
  border-color: var(--color-primary-dark) !important;
}

.btn-outline-primary, .btn-outline-danger {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

.btn-outline-primary:hover, .btn-outline-danger:hover {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* Badges */
.badge-primary, .badge-danger, .bg-danger {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

/* Textos */
.text-primary, .text-danger {
  color: var(--color-primary) !important;
}

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

/* Backgrounds */
.bg-primary, .bg-danger {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

/* Links */
a.text-primary, a.text-danger {
  color: var(--color-primary) !important;
}

a.text-primary:hover, a.text-danger:hover {
  color: var(--color-primary-dark) !important;
}

/* Alertas */
.alert-primary, .alert-danger {
  background-color: rgba(var(--color-primary-rgb), 0.1) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary-dark) !important;
}

/* Forms */
.form-control:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25) !important;
}

.is-invalid .form-control {
  border-color: var(--color-primary) !important;
}

.invalid-feedback {
  color: var(--color-primary) !important;
}

/* Progress bars */
.progress-bar {
  background-color: var(--color-primary) !important;
}

/* Tabelas */
.table-primary, .table-danger {
  background-color: rgba(var(--color-primary-rgb), 0.1) !important;
}

/* Dropdown */
.dropdown-item:active {
  background-color: var(--color-primary) !important;
}

/* Pagination */
.page-link {
  color: var(--color-primary) !important;
}

.page-item.active .page-link {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* Modais */
.modal-header {
  border-bottom-color: rgba(var(--color-primary-rgb), 0.2) !important;
}

/* Cards com destaque */
.card-primary {
  border-color: var(--color-primary) !important;
}

.card-primary .card-header {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

/* === CLASSES PERSONALIZADAS === */
.color-primary {
  color: var(--color-primary) !important;
}

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

.shadow-primary {
  box-shadow: var(--shadow-primary) !important;
}

.shadow-primary:hover {
  box-shadow: var(--shadow-hover) !important;
}

.border-primary-custom {
  border: var(--border-primary) !important;
}

/* === ANIMAÇÕES === */
.btn-primary, .btn-danger,
.badge-primary, .badge-danger {
  transition: all 0.3s ease !important;
}

/* === RESPONSIVO === */
@media (max-width: 768px) {
  :root {
    --border-radius: 4px;
    --border-radius-lg: 8px;
  }
}

/* === MODO ESCURO (futuro) === */
[data-theme="dark"] {
  --color-primary: #6cc96c;
  --color-primary-dark: #5cb85c;
  --color-dark: #ffffff;
  --color-light: #212529;
}