:root {
  --primary: #2c3e50;
  --secondary: #18bc9c;
  --light: #ecf0f1;
  --dark: #34495e;
}

body {
  background-color: var(--light);
  color: var(--dark);
  font-family: "Segoe UI", sans-serif;
}

.container {
  max-width: 1200px;
}

.navbar {
  background-color: var(--primary) !important;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
  color: var(--light) !important;
}
.navbar .nav-link:hover {
  color: var(--secondary) !important;
}

.card {
  border: none;
  border-radius: .5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}
.card-header {
  background-color: var(--secondary);
  color: var(--light);
  font-weight: 600;
}

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

.table {
  border-radius: .5rem;
  overflow: hidden;
}
.table thead {
  background-color: var(--dark);
  color: var(--light);
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: white;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--light);
}
.table-hover tbody tr:hover {
  background-color: #d1e7dd;
}

.alert-info {
  background-color: #d1ecf1;
  color: #0c5460;
}