/* Invite form */
body:has(.brand) {
  background:
    radial-gradient(ellipse at 15% 15%, rgba(168, 85, 247, .20), transparent 42%),
    radial-gradient(ellipse at 85% 85%, rgba(239, 49, 90, .16), transparent 42%),
    #101114 !important;
}
body:has(.brand) main {
  border-color: rgba(168, 85, 247, .45) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .35), 0 0 32px rgba(168, 85, 247, .10);
}
body:has(.brand) input:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 3px rgba(168, 85, 247, .22);
}
body:has(.brand) button {
  background: #ef315a !important;
  color: #fff !important;
}
body:has(.brand) button:hover { background: #d9234b !important; }
body:has(.brand) a { color: #c084fc !important; }

/* Cloudreve sign-in form */
body:has(input[type="email"]) #root {
  background:
    radial-gradient(ellipse at 15% 15%, rgba(168, 85, 247, .18), transparent 42%),
    radial-gradient(ellipse at 85% 85%, rgba(239, 49, 90, .14), transparent 42%);
}
body:has(input[type="email"]) [class*="MuiPaper-root"],
body:has(input[type="email"]) [class*="MuiCard-root"] {
  border: 1px solid rgba(168, 85, 247, .42) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .35), 0 0 30px rgba(168, 85, 247, .10);
}
body:has(input[type="email"]) fieldset {
  border-color: rgba(168, 85, 247, .48) !important;
}
body:has(input[type="email"]) input:focus ~ fieldset {
  border-color: #a855f7 !important;
}
body:has(input[type="email"]) button[type="submit"] {
  background: #ef315a !important;
  color: #fff !important;
}
body:has(input[type="email"]) button[type="submit"]:hover {
  background: #d9234b !important;
}
body:has(input[type="email"]) a { color: #c084fc !important; }

body:has(input[type="password"]) button[type="submit"] {
  background: #ef315a !important;
  color: #fff !important;
}
body:has(input[type="password"]) button[type="submit"]:hover {
  background: #d9234b !important;
}

body:has(input[type="password"]) button {
  background-color: #ef315a !important;
  color: #fff !important;
}
body:has(input[type="password"]) button:hover {
  background-color: #d9234b !important;
}

/* Cloudreve main interface: red and purple accents */
.MuiButton-containedPrimary {
  background-color: #ef315a !important;
  color: #fff !important;
}
.MuiButton-containedPrimary:hover {
  background-color: #d9234b !important;
}
.MuiButton-textPrimary,
.MuiButton-outlinedPrimary,
.MuiTab-root.Mui-selected {
  color: #c084fc !important;
}
.MuiTabs-indicator {
  background-color: #ef315a !important;
}
.MuiListItemButton-root.Mui-selected {
  background-color: rgba(168, 85, 247, 0.22) !important;
}
.MuiListItemButton-root.Mui-selected:hover {
  background-color: rgba(168, 85, 247, 0.30) !important;
}
.MuiSwitch-switchBase.Mui-checked {
  color: #ef315a !important;
}
.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: #a855f7 !important;
}
.MuiCheckbox-root.Mui-checked,
.MuiRadio-root.Mui-checked {
  color: #c084fc !important;
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #c084fc !important;
}
a {
  color: #c084fc;
}
a:hover {
  color: #ef315a;
}