:root {
  --color-primary-light: #3AAFF5;
  --color-primary-dark:  #005C9E;
  --color-accent:        #FFC107; /* amarelo para “Apontar” */
  --btn-hover-scale:     1.05;
}

body {
  font-family: 'Montserrat', sans-serif;
  background: #f8f9fa;
}

.header-gradient {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary-dark));
}

.logo {
  height: 48px;
}

.btn-accent {
  background-color: var(--color-accent);
  color: #212529;
  transition: transform 0.2s ease;
}
.btn-accent:hover {
  transform: scale(var(--btn-hover-scale));
}

.btn {
  transition: transform 0.2s ease;
}
.btn:hover {
  transform: scale(var(--btn-hover-scale));
}

.table-responsive tbody tr:hover {
  background-color: #e3f2fd;
  transition: background-color 0.2s;
}