:root {
  --color-neutral: #d4cdc5;
  --color-primary: #5b88a5;
  --color-light: #f4f4f2;
  --color-dark: #191013;
  --color-secondary: #243a69;
}

body {
  background-color: var(--color-light);
  color: var(--color-dark);
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-light);
}

.btn-primary:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-light);
}

.btn-secondary:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

.card {
  background-color: var(--color-light);
  border: 1px solid var(--color-neutral);
}

.card-header {
  background-color: var(--color-neutral);
  color: var(--color-dark);
}

.nav-link {
  color: var(--color-secondary);
}

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

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

.navbar-brand {
  color: var(--color-light);
}

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

.sidebar a {
  color: var(--color-light);
}

.sidebar a:hover {
  color: var(--color-neutral);
}

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

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

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

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

/* Esquema de cores para formulários */
input:focus, select:focus, textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(91, 136, 165, 0.25);
}

/* Esquema de cores para tabelas */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(212, 205, 197, 0.2);
}

.table-hover tbody tr:hover {
  background-color: rgba(91, 136, 165, 0.1);
}

.table-header {
  background-color: var(--color-secondary);
  color: var(--color-light);
} 