/* The shared int_auth screen, in Upstratus's Bootstrap colours. int_auth/auth.css themes itself through --ia-*
   custom properties; pointing them at Bootstrap's own variables makes the screen follow light and dark mode with
   every other page (static/edgeai/theme.js sets data-bs-theme). The two tinted boxes carry fixed light backgrounds
   in auth.css, so they are restated here from theme-aware variables. */
:root {
  --ia-bg: var(--bs-tertiary-bg);
  --ia-card: var(--bs-body-bg);
  --ia-ink: var(--bs-body-color);
  --ia-muted: var(--bs-secondary-color);
  --ia-accent: var(--bs-primary);
  --ia-accent-ink: var(--bs-white);
  --ia-border: var(--bs-border-color);
  --ia-error: var(--bs-danger-text-emphasis);
  --ia-info: var(--bs-info-text-emphasis);
}
.upt-auth-column { width: 100%; max-width: 28rem; margin: 0 auto; }
.upt-auth .ia-card { max-width: none; border: 1px solid var(--bs-border-color-translucent); }
.upt-auth .ia-field input { background: var(--bs-body-bg); color: var(--bs-body-color); }
.upt-auth .ia-alert { background: var(--bs-danger-bg-subtle); border-color: var(--bs-danger-border-subtle); }
.upt-auth .ia-alert.ia-info { background: var(--bs-info-bg-subtle); border-color: var(--bs-info-border-subtle); }
.upt-auth .ia-alpha-notice { background: var(--bs-info-bg-subtle); border-left-color: var(--bs-info-border-subtle); }