/*
 * This is a manifest file that'll be compiled into application.css.
 */

:root {
  --shabette-color: #0d6efd;
  --shabette-color-subtle: #cfe2ff;
}

.btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--shabette-color);
  --bs-btn-border-color: var(--shabette-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
}

.btn-outline-main {
  --bs-btn-color: var(--shabette-color);
  --bs-btn-border-color: var(--shabette-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--shabette-color);
  --bs-btn-hover-border-color: var(--shabette-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--shabette-color);
}

.bg-main { background-color: var(--shabette-color) !important; }
.text-main { color: var(--shabette-color) !important; }
.bg-main-subtle { background-color: var(--shabette-color-subtle) !important; }
.border-main { border-color: var(--shabette-color) !important; }

.navbar-brand { font-weight: bold; }

body {
  padding-top: 56px;
}

.page-content {
  min-height: calc(100vh - 56px - 120px);
}