:root {
  --icm-primary: #0A3A5E;   /* TODO: ajustar para cor exata da ICM */
  --icm-secondary: #1C6EA4; /* TODO */
  --icm-accent: #E2B807;    /* TODO */
  --icm-dark: #0B1E2D;
  --icm-light: #F4F6F8;
}

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

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

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

.btn-outline-primary {
  color: var(--icm-primary);
  border-color: var(--icm-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff;
  background-color: var(--icm-primary);
  border-color: var(--icm-primary);
}

.badge-online {
  background: var(--icm-accent);
  color: #000;
}

.badge-presencial {
  background: var(--icm-primary);
  color: #fff;
}

.topbar {
  background: var(--icm-primary);
  color: #fff;
}

a {
  color: var(--icm-secondary);
}

a:hover,
a:focus {
  color: var(--icm-primary);
}

.card {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem rgba(10, 58, 94, 0.15);
}

.modal-header {
  background: var(--icm-primary);
  color: #fff;
}

.toast-container {
  z-index: 2000;
}