/* web/static/css/brand.css
   Source: RESEARCH.md Pattern 4 (lines 474-508).

   Taylor Vets brand palette + Open Sans typography + .btn-brand utility.
   Intentionally does NOT override --bs-primary — Bootstrap 5.3 resolves
   .btn-primary from its own SCSS-compiled rules, so an --bs-primary
   override alone leaves the real button colour untouched (Pitfall 1).
   Sign-in button uses .btn-brand instead. */

:root {
  --tv-primary:      #40514E;
  --tv-primary-dark: #060644;
  --tv-secondary:    #E4F9F5;
  --tv-accent:       #ffde59;
}

body {
  font-family: "Open Sans", system-ui, sans-serif;
  background: var(--tv-secondary);
}

/* Brand button that ignores --bs-primary entirely (Pitfall 1) */
.btn-brand {
  background: var(--tv-primary);
  color: white;
  border: 1px solid var(--tv-primary);
}
.btn-brand:hover,
.btn-brand:focus {
  background: var(--tv-primary-dark);
  border-color: var(--tv-primary-dark);
  color: white;
}

a { color: var(--tv-primary); }
a:hover { color: var(--tv-primary-dark); }

.login-card {
  max-width: 420px;
  margin: 10vh auto;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(6, 6, 68, 0.08);
  padding: 2rem;
}
.login-logo { height: 48px; }