/* Brand Palette */
:root {
  --midnight: #081A2B;
  --polar: #234E70;
  --emerald: #3BB273;
  --borealis: #8C7AE6;
  --snow: #EEF2F5;
}

/* Global & Body */
/* Ensure the body takes up the full height to allow the footer to stick */
.brand-bg {
  background-color: var(--midnight) !important;
  color: var(--snow);
  font-family: 'Inter', sans-serif;
  /* Resetting potential overflows */
  margin: 0;
}

/* Footer text styling */
.brand-footer-text {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--snow);
}

.brand-footer-subtext {
  font-size: 0.7rem;
  opacity: 0.6;
  letter-spacing: 1px;
}

/* Logo Sizing & Container */
.brand-logo {
  width: 500px; 
  height: auto;
}

.brand-logo-container {
  margin-bottom: 2rem;
}

/* Slogan: Montserrat font with custom spacing */
.brand-slogan {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  color: #EEF2F5;
}

/* Status: Inter font with Aurora Accent color */
.brand-status {
  font-family: 'Inter', sans-serif;
  font-size: 0.9rem;
  color: #8C7AE6;
  letter-spacing: 2px;
  margin-bottom: 3rem;
}

/* Card & Inputs */
.brand-card {
  background-color: var(--polar);
  border: 1px solid rgba(238, 242, 245, 0.1);
}

.brand-input {
  background-color: var(--midnight);
  border: 1px solid var(--polar);
  color: var(--snow);
}

.brand-input:focus {
  background-color: var(--midnight);
  color: var(--snow);
  border-color: var(--borealis);
  box-shadow: 0 0 0 0.25rem rgba(140, 122, 230, 0.25);
}

/* Button: Hover Color Change */
.btn-brand-action {
  background-color: var(--polar);
  color: var(--snow);
  border: 1px solid var(--emerald);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-brand-action:hover {
  background-color: var(--emerald);
  color: var(--midnight);
}

.brand-form-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: var(--snow);
  font-size: 1.5rem;
  text-transform: none;
}