:root {
  --g: #4263eb !important;
  --ink: #172f57 !important;
  --muted: #667b91 !important;
  --line: #dce7f2 !important;
}
body {
  background:
    radial-gradient(circle at 8% 4%, #e4f7ff, transparent 25%),
    radial-gradient(circle at 94% 92%, #e5fff4, transparent 22%), #f5f8fc !important;
  color: #172f57 !important;
}
main {
  max-width: 1240px;
}
button {
  background: linear-gradient(100deg, #4263eb, #3478f6) !important;
  box-shadow: 0 7px 18px #4263eb18;
}
button.outline,
.outline,
#dialogClose,
.back-button {
  background: #fff !important;
  color: #4263eb !important;
  border: 1px solid #c9d9e9 !important;
  box-shadow: none;
}
.on,
.tabs button.on {
  background: #e9efff !important;
  color: #3156d7 !important;
}
aside {
  border-color: #dce7f2 !important;
}
header small,
.permissions,
#developmentInvite,
#contentResult,
#message {
  color: #4263eb !important;
}
.stats article,
.status-grid article,
.course,
.workspace > form,
.workspace > div,
.layout > form,
.layout > section,
.review-center,
.review-item,
#schoolStudents {
  border-color: #dce7f2 !important;
  box-shadow: 0 10px 30px #174b7810;
}
input:focus,
select:focus,
textarea:focus {
  outline: 0;
  border-color: #4263eb !important;
  box-shadow: 0 0 0 3px #4263eb14;
}
.stagebar {
  background: #eaf1ff !important;
  color: #3156d7 !important;
}
.chat-messages .student {
  background: #4263eb !important;
}
.tutor-panel {
  border-color: #dce7f2 !important;
}
.danger {
  background: #fff1f1 !important;
  color: #bd3e4b !important;
  border: 1px solid #f0cbd0 !important;
}