:root {
  --bg-primary-lighter: #2f3b52;
  --bg-primary-light: #1e293b;
  --bg-primary-dark: #0f172a;
  --bg-primary-medium: #1e293b;
  --bg-dark: rgba(0,0,0,.4);
  --bg-contrast: rgba(255, 255, 255, 0.03);
  --accent: #eab308;
  --primary-color: #fff;
  --primary-color-light: #94a3b8;
  --text-opacity: .6;
  --text-muted: rgba(255,255,255,0.45);
  --success: #4ade80;
  --danger: #f87171;
  --border-color: rgba(255,255,255,.12);
  --border-color-dark: rgba(255,255,255,.12);
  --border-color-hover: rgba(255,255,255,0.24);
  --radial-gradient: radial-gradient(circle at 0% 0%, rgb(15, 23, 42) 0%, rgb(30, 41, 59) 60%);
  /*--radial-gradient-light: radial-gradient(circle at 0% 0%, rgb(20, 28, 50) 0%, rgb(55, 68, 92) 65%);*/
  /*--radial-gradient-light: radial-gradient(circle at 0% 0%, rgb(35, 45, 65) 0%, rgb(60, 72, 95) 75%);*/
  --radial-gradient-light: radial-gradient(circle at 0% 0%, rgb(25, 35, 55) 0%, rgb(45, 58, 80) 70%);
  --box-shadow: 0 32px 64px rgba(0, 0, 0, .8);
  --box-shadow-light: 0 16px 32px rgba(0, 0, 0, .8);
  --box-shadow-lighter: 0 2px 22px rgba(0, 0, 0, .5);
  --background-color: rgba(30, 41, 59, .6);

  /* Upgraded gradients */
  --gradient-strong: radial-gradient(
    circle at 0% 0%,
    rgb(22, 32, 52) 0%,
    rgb(42, 56, 78) 65%
  );

  --gradient-soft: radial-gradient(
    circle at 0% 0%,
    rgb(30, 40, 65) 0%,
    rgb(55, 70, 95) 70%
  );
}

body {
  background: radial-gradient(circle at 20% 20%, var(--bg-primary-light) 0%, var(--bg-primary-dark) 60%);
  color: var(--primary-color);
}

.text-muted {
  color: var(--primary-color-light) !important;
}


.login-form-container {
  background: rgba(30, 41, 59, .6);
  border-color:rgba(255, 255, 255, .07);
  box-shadow: 0 32px 64px rgba(0, 0, 0, .8);
}
.form-control::placeholder { /* Edge 12 -18 */
  color: var(--primary-color);
  opacity: var(--text-opacity);
}

.form-control:focus {
  box-shadow: 0 20px 40px rgba(0, 0, 0, .7);
  background: var(--radial-gradient);
  color: var(--primary-color);
}

.form-label {
  color: var(--primary-color);
  opacity: var(--text-opacity);
}

select option {
  background: var(--bg-primary-dark);
  border-width: 1px;
  border-color: rgba(255, 255, 255, .12);
}

a {
  color: var(--primary-color);
  /*opacity: var(--text-opacity);*/
}

.text-renet-info {
  color: var(--primary-color);
  opacity: var(--text-opacity);
}

.border-renet-light {
  border-color: rgba(255, 255, 255, .1) !important;
}

.user-block-sm {
  box-shadow: var(--box-shadow);
}