:root {
  --hotina-brand: #5D03A3;
  --hotina-brand-deep: #4A0282;
  --hotina-brand-soft: #8E58DF;
  --hotina-wash: #F1E9FF;
  --hotina-ink: #181C32;
  --hotina-muted: #5E6278;
  --hotina-line: #E8EAF0;
  --hotina-bg: #FFFFFF;
}

html, body {
  font-family: Manrope, "Segoe UI", system-ui, sans-serif !important;
  color: var(--hotina-ink) !important;
  background:
    radial-gradient(900px 480px at 90% -10%, var(--hotina-wash) 0%, transparent 55%),
    radial-gradient(700px 420px at -10% 30%, rgba(142, 88, 223, 0.12) 0%, transparent 50%),
    var(--hotina-bg) !important;
}

body #root { min-height: 100vh; }

h1, h2, h3, .MuiTypography-h5, .MuiTypography-h4 {
  font-family: Poppins, Manrope, "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: -0.02em !important;
  color: var(--hotina-ink) !important;
}

.MuiButton-containedPrimary,
button.MuiButton-root.MuiButton-contained {
  background-color: var(--hotina-brand) !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 700 !important;
  font-family: Manrope, "Segoe UI", system-ui, sans-serif !important;
  font-size: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  box-shadow: none !important;
}
.MuiButton-containedPrimary:hover,
button.MuiButton-root.MuiButton-contained:hover {
  background-color: var(--hotina-brand-deep) !important;
}

.MuiOutlinedInput-root { border-radius: 12px !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--hotina-brand) !important;
}
.MuiInputLabel-root.Mui-focused { color: var(--hotina-brand) !important; }
.MuiCheckbox-root.Mui-checked { color: var(--hotina-brand) !important; }

.MuiPaper-root, .MuiCard-root {
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(24, 28, 50, 0.08) !important;
  border: 1px solid var(--hotina-line) !important;
}

a, .MuiLink-root { color: var(--hotina-brand) !important; }

/* Logo sizing */
img[alt="Authelia"], #root img {
  max-height: 44px !important;
  width: auto !important;
}

/* Footer: replace Authelia credit visually */
a[href="https://www.authelia.com"],
a[href="https://www.authelia.com/"] {
  font-size: 0 !important;
  text-decoration: none !important;
}
a[href="https://www.authelia.com"]::after,
a[href="https://www.authelia.com/"]::after {
  content: "hotina share";
  font-size: 0.85rem;
  color: var(--hotina-muted);
  font-weight: 500;
}

/* Logo SVG (servido no path logo.png) */
img[src*="logo.png"],
img[src*="logo.svg"] {
  width: auto !important;
  max-width: 180px !important;
  height: 36px !important;
  object-fit: contain !important;
}