:root {
  --primary-color: #0d47a1; /* main text color */
  --primary-light: #1976d2; /* lighter shade for hover or accents */
  --accent-color: #bbdefb; /* border and highlight color */
  --background-color: #e3f2fd; /* background of sections */
  --hover-bg: #90caf9; /* hover background tint */
  --text-light: #ffffff; /* light text on dark background */
  --border-radius: 10px;
  --box-shadow-color: rgba(13, 71, 161, 0.25);
  --card-shadow: rgba(0, 0, 0, 0.1);
}

/* header and footer overrides */
:root {
  --primary-bg: var(--accent-color); /* Header/footer background */
  --primary-text: var(
    --primary-color
  ); /* Text inside header/footer and buttons */
  --primary-hover: var(--primary-light); /* Hover text and color accents */

  --success-text: var(--primary-light);
  --success-bg: var(--hover-bg);
  --error-text: var(--primary-light);
  --error-bg: var(--hover-bg);
}

body {
  background-color: var(--background-color) !important;
}

.auth-card {
  max-width: 500px;
  margin: 50px auto;
  background: var(--accent-color);
  border-radius: var(--border-radius);
  padding: 30px;
  border: 2px solid var(--primary-light);
  box-shadow: 0 4px 10px var(--box-shadow-color);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.auth-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 14px var(--box-shadow-color);
}

.auth-card h3 {
  color: var(--primary-color);
}

.auth-card p {
  color: var(--primary-color);
}

.auth-card input {
  border: 1px solid var(--primary-light);
}

.auth-card input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 10px rgba(25, 118, 210, 0.7);
}

.auth-center-text {
  text-align: center;
  margin-top: 15px;
}

.form-floating input {
  padding-top: 1.6rem;
}

.messages {
  list-style: none;
  padding-left: 0;
}

.messages li {
  margin-top: 12px;
  padding: 10px 15px;
  border-radius: var(--border-radius);
  list-style: none;
  color: var(--primary-color);
  background-color: var(--accent-color);
  border-left: 4px solid var(--primary-light);
}
