/* Basic demo styles for static assets */
:root {
  --brand: #0d6efd;
}

.gopher-hero {
  display: inline-block;
  max-width: 220px;
  width: 50%;
  height: auto;
  margin-top: 1rem;
}

.brand-accent {
  color: var(--brand);
}

/* Critical backgrounds moved out of inline styles to avoid CSP nonce issues */
.bg-image {
  min-height: 100vh; /* ensure full viewport coverage */
  height: auto;
  background: url('/static/img/konversed-lady.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logo {
  background: url('/static/img/konversed-logo.png') no-repeat 50% 50%;
  width: 100%;
  height: 42px;
  background-size: contain;
}

/* Flash message auto-dismiss (Phase 2C) */
.flash-progress {
  height: 3px;
  background-color: rgba(0,0,0,0.15);
  border-radius: 0 0 4px 4px;
  margin-top: 0.5rem;
  transition: width 0.1s linear;
}

.flash-dismissed {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}