:root {
  --bg-primary-light: #fff;
  --bg-primary-dark: #1e293b33;
  --bg-dark: rgba(255,255,255,1);
  --bg-contrast: rgba(30, 41, 59, .03);
  --accent: #eab308;
  /*--accent: #b45309;*/
  --primary-color: #333;
  --primary-color-light: #777;
  --text-opacity: .6;
  --success: #4ade80;
  --border-color-dark: rgba(0,0,0,.07);
  --radial-gradient: radial-gradient(circle at 0% 0%, rgba(255,255,255,.9) 0%, rgba(226,232,240,.6) 60%);
  --box-shadow: 0 24px 48px rgba(0,0,0,.12);
  --box-shadow-light: 0 12px 24px rgba(0,0,0,.12);
  --background-color: rgba(255,255,255,.75);
  --border-color: rgba(234, 179, 8, .1);
}

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

body:before {
  opacity: .1;
}

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


.login-form-container {
  background: rgba(255,255,255,.75);
  border-color: var(--border-color);
  box-shadow: 0 24px 48px rgba(0,0,0,.12);
}

.form-control,
.form-select {
  background: var(--radial-gradient);
  border-color: var(--border-color);
  color: var(--primary-color);
  box-shadow: var(--box-shadow-light);
}

.form-control::placeholder { /* Edge 12 -18 */
  color: var(--primary-color);
  opacity: var(--text-opacity);
}


.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: var(--border-color);
}

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