/* AI Stack — Authelia login theme (cover look)
 * Injected by Caddy (replace-response) into the SSO login page.
 * Cover palette: navy gradient #0a1120 -> #101f3d, sky-blue accent #38bdf8.
 */
:root {
  --ai-navy-1: #0a1120;
  --ai-navy-2: #101f3d;
  --ai-accent: #38bdf8;
  --ai-text: #e6edf6;
}

html, body {
  background: linear-gradient(160deg, var(--ai-navy-1) 0%, var(--ai-navy-2) 100%) !important;
  color: var(--ai-text) !important;
  min-height: 100vh !important;
}

/* Login card / panel */
.card,
.box,
.panel,
section.card,
.login-card,
.columns .card {
  background: rgba(16, 31, 61, 0.72) !important;
  border: 1px solid rgba(56, 189, 248, 0.35) !important;
  box-shadow: 0 0 40px rgba(56, 189, 248, 0.12) !important;
  backdrop-filter: blur(6px);
}

/* Primary button */
.button.is-primary,
button.primary,
.btn-primary,
input[type="submit"] {
  background-color: var(--ai-accent) !important;
  border-color: var(--ai-accent) !important;
  color: #06121f !important;
  font-weight: 600 !important;
}

.button.is-primary:hover {
  filter: brightness(1.08) !important;
}

/* Links + accents */
a,
.link,
.accent {
  color: var(--ai-accent) !important;
}

/* Inputs */
.input,
input[type="text"],
input[type="password"],
input[type="email"] {
  background-color: rgba(10, 17, 32, 0.6) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: var(--ai-text) !important;
}

.input:focus,
input:focus {
  border-color: var(--ai-accent) !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.25) !important;
}

/* Headings / brand */
.title,
h1,
.brand {
  color: var(--ai-text) !important;
}