/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Brand Palette */
:root {
  --rise-blue: #2A6DF4;
  --growth-green: #2ECC71;
  --sunrise-yellow: #F5B800;
  /* --dark-gray: #273240; */
  --dark-gray: #4A4A4A;
  --light-gray: #E9F1FF;
}

/* Typography */
body {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--dark-gray);
  background: var(--light-gray);
  font-size: 16px;
}

h1, .h1 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  font-size: 42px;
  color: var(--dark-gray);
}

h2, .h2 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: var(--dark-gray);
}

h3, .h3 {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: var(--dark-gray);
}

p, li, span, td {
  font-family: 'Inter', Arial, sans-serif;
  font-size: 16px;
}

.caption, .small, small {
  font-size: 14px;
  color: var(--dark-gray);
  font-family: 'Inter', Arial, sans-serif;
}

/* Buttons */
.button, button, input[type="submit"] {
  background: var(--rise-blue);
  color: #fff;
  border-radius: 7px; /* Rounded corners: between 6–8px */
  border: none;
  padding: 12px 28px;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(42, 109, 244, 0.08);
  transition: background 0.2s, color 0.2s;
}

/* Growth Green button variant */
.button.growth, button.growth, input[type="submit"].growth {
  background: var(--growth-green);
  color: #fff;
}

.button:hover, button:hover, input[type="submit"]:hover {
  background: var(--sunrise-yellow);
  color: var(--dark-gray);
}

/* Accent and Highlight Utilities */
.text-accent {
  color: var(--growth-green) !important;
}
.text-highlight {
  color: var(--sunrise-yellow) !important;
}
.bg-accent {
  background: var(--growth-green) !important;
}
.bg-highlight {
  background: var(--sunrise-yellow) !important;
}

/* Navbar */
.navbar {
  background: var(--light-gray) !important;
  font-family: 'Poppins', Arial, sans-serif;
  box-shadow: none !important;
}

.navbar-brand {
  color: var(--rise-blue) !important;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
}

.nav-link {
  color: var(--dark-gray) !important;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 16px;
}

.nav-link.active, .nav-link:focus, .nav-link:hover {
  color: var(--rise-blue) !important;
}

/* Misc */
.bg-light-gray {
  background: var(--light-gray) !important;
}
.bg-dark-gray {
  background: var(--dark-gray) !important;
  color: #fff !important;
}