/* Login-only tweaks. Do not change Twenty’s layout — that emptied the screen. */

:root {
  --aros-cream: #f1efea;
  --aros-orange: #e8602c;
  --aros-orange-hover: #f2702f;
  --aros-line: #e4ded3;
  --aros-muted: #574f45;
  --aros-white: #ffffff;
}

html.aros-auth,
html.aros-auth body {
  background: var(--aros-cream) !important;
}

html.aros-auth a[href="/welcome"],
html.aros-auth [style*="android-launchericon"],
html.aros-auth [style*="images/icons/android"] {
  display: none !important;
}

.aros-brand-bar,
.aros-login-mark,
.aros-login-kicker,
.aros-stage,
.aros-form-copy {
  display: none !important;
}

html.aros-auth button[data-variant="primary"] {
  background: var(--aros-orange) !important;
  color: var(--aros-white) !important;
  border: none !important;
  min-height: 40px !important;
  border-radius: 0.8rem !important;
}

html.aros-auth button[data-variant="primary"]:hover {
  background: var(--aros-orange-hover) !important;
}

html.aros-auth input {
  border-radius: 0.75rem !important;
  border-color: var(--aros-line) !important;
  background: var(--aros-white) !important;
}

html.aros-auth input:focus {
  outline: 2px solid rgba(232, 96, 44, 0.35) !important;
  border-color: var(--aros-orange) !important;
}

html.aros-auth a[href*="terms"],
html.aros-auth a[href*="privacy"] {
  color: var(--aros-muted) !important;
}