:root {
  --text: #f5f5f7;
  --muted: #8e8e93;
  --field: #1c1c1e;
  --field-active: #2c2c2e;
  --border: rgba(255,255,255,.16);
  --border-active: rgba(255,255,255,.32);
  --button: #f5f5f7;
  --button-text: #000;
}

html,
body {
  background:
    radial-gradient(circle at 50% 0%, rgba(60,60,67,.24), transparent 42%),
    #000 !important;
  color: var(--text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.alert,
.alert-warning,
.warning,
[role="alert"] {
  display: none !important;
}

img[src*="/yunohost/sso/customassets/"],
img[src*="/yunohost/sso/assets/"] {
  display: none !important;
}

main img:first-child,
body img:first-child {
  display: none !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"] {
  background: var(--field) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

input::placeholder {
  color: var(--muted) !important;
  opacity: 1 !important;
}

input:focus {
  background: var(--field-active) !important;
  border-color: var(--border-active) !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.06) !important;
}

button,
input[type="submit"],
.btn,
.button {
  background: var(--button) !important;
  color: var(--button-text) !important;
  border: none !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

button:hover,
input[type="submit"]:hover,
.btn:hover,
.button:hover {
  background: #fff !important;
}

.card,
.panel,
.app-tile,
.application-tile,
.user-profile {
  background: rgba(255,255,255,.94) !important;
  color: #000 !important;
  border-radius: 18px !important;
}

a {
  text-decoration: none !important;
}

* {
  text-shadow: none !important;
}