:root {
  --ce-primary: #2d2f87;
  --ce-primary-dark: #1f215f;
  --ce-orange: #f28a1a;
  --ce-red: #ed1c24;
  --ce-light: #f6f8fb;
  --ce-border: rgba(45, 47, 135, .16);
  --ce-font-title: 'Atma', 'Trebuchet MS', system-ui, sans-serif;
  --ce-font-body: 'Nunito', system-ui, sans-serif;
}

body.login {
  font-family: var(--ce-font-body);
  background:
    radial-gradient(circle at 10% 15%, rgba(242, 138, 26, .16), transparent 24rem),
    radial-gradient(circle at 90% 0%, rgba(24, 160, 202, .14), transparent 24rem),
    linear-gradient(135deg, #f7f8ff, #fff);
}

.login h1 a {
  width: 220px;
  height: 110px;
  background-size: contain;
  background-position: center;
}

.login form {
  border: 1px solid var(--ce-border);
  border-radius: 28px;
  box-shadow: 0 18px 48px rgba(31, 33, 95, .14);
}

.login label {
  color: var(--ce-primary-dark);
  font-weight: 800;
}

.login input[type='text'],
.login input[type='password'],
.login input[type='email'] {
  border-radius: 999px;
  border-color: var(--ce-border);
  min-height: 46px;
}

.wp-core-ui .button-primary {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ce-red), var(--ce-orange));
  font-family: var(--ce-font-title);
  font-weight: 700;
}

.login #backtoblog a,
.login #nav a {
  color: var(--ce-primary);
  font-weight: 800;
}