/* AuthorPortal Color Palette */
:root {
  --color-indigo: #1e1b4b;
  --color-teal: #00b3a4;
  --color-dark-blue: #111827;
  --color-white: #ffffff;
  --color-light-gray: #f8fafc;
}

/* Navigation hover effects */
.nav-link {
  color: var(--color-white);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.nav-link:hover {
  background-color: var(--color-teal);
  color: var(--color-white);
}

/* Button styles using the palette */
.btn-primary {
  background-color: var(--color-teal);
  color: var(--color-white);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background-color: var(--color-indigo);
  color: var(--color-white);
}

.btn-secondary {
  background-color: var(--color-indigo);
  color: var(--color-white);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-secondary:hover {
  background-color: var(--color-teal);
  color: var(--color-white);
}

/* Card styles */
.card {
  background-color: var(--color-white);
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/* Text colors */
.text-primary {
  color: var(--color-indigo);
}

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

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

/* Background colors */
.bg-primary {
  background-color: var(--color-indigo);
}

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

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

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