.blazer-layout {
  background-color: #f8fafc;
  color: #0f172a;
}

.blazer-layout .navbar,
.blazer-layout .navbar-default {
  background: linear-gradient(90deg, #0f766e, #0ea5e9);
  border: none;
}

.blazer-layout .navbar a,
.blazer-layout .navbar-brand,
.blazer-layout .navbar-nav > li > a {
  color: #f8fafc;
}

.blazer-layout .navbar-nav > .active > a,
.blazer-layout .navbar-nav > .active > a:focus,
.blazer-layout .navbar-nav > .active > a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.blazer-layout a {
  color: #0f766e;
}

.blazer-layout .panel,
.blazer-layout .panel-default,
.blazer-layout .well,
.blazer-layout .table,
.blazer-layout .table-striped > tbody > tr:nth-of-type(odd),
.blazer-layout .form-control,
.blazer-layout .selectize-control .selectize-input {
  background-color: #ffffff;
  color: #0f172a;
}

.blazer-layout .table > thead > tr > th,
.blazer-layout .table > tbody > tr > td {
  border-color: #e2e8f0;
}

.blazer-layout .btn-primary {
  background: linear-gradient(90deg, #0f766e, #0ea5e9);
  border: none;
}

.blazer-layout .btn-default {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
  color: #0f172a;
}

.dark .blazer-layout {
  background-color: #0b1220;
  color: #e2e8f0;
}

.dark .blazer-layout .navbar,
.dark .blazer-layout .navbar-default {
  background: linear-gradient(90deg, #0f172a, #0b5d73);
  border: none;
}

.dark .blazer-layout .navbar a,
.dark .blazer-layout .navbar-brand,
.dark .blazer-layout .navbar-nav > li > a {
  color: #e2e8f0;
}

.dark .blazer-layout .navbar-nav > .active > a,
.dark .blazer-layout .navbar-nav > .active > a:focus,
.dark .blazer-layout .navbar-nav > .active > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.dark .blazer-layout a {
  color: #7dd3fc;
}

.dark .blazer-layout .panel,
.dark .blazer-layout .panel-default,
.dark .blazer-layout .well,
.dark .blazer-layout .table,
.dark .blazer-layout .table-striped > tbody > tr:nth-of-type(odd),
.dark .blazer-layout .form-control,
.dark .blazer-layout .selectize-control .selectize-input {
  background-color: #111827;
  color: #e2e8f0;
  border-color: #1f2937;
}

.dark .blazer-layout .table > thead > tr > th,
.dark .blazer-layout .table > tbody > tr > td {
  border-color: #1f2937;
}

.dark .blazer-layout .btn-primary {
  background: linear-gradient(90deg, #0ea5e9, #10b981);
  border: none;
  color: #0b1220;
}

.dark .blazer-layout .btn-default {
  background-color: #1f2937;
  border-color: #1f2937;
  color: #e2e8f0;
}

.blazer-layout pre,
.blazer-layout code,
.blazer-layout .ace_editor {
  background-color: #0b1220;
  color: #e2e8f0;
  border-color: #1f2937;
}

.dark .blazer-layout pre,
.dark .blazer-layout code,
.dark .blazer-layout .ace_editor {
  background-color: #111827;
  color: #cbd5e1;
  border-color: #1f2937;
}