:root {
  --brand-primary-50: #eef4fb;
  --brand-primary-100: #d9e7f7;
  --brand-primary-500: #1f509a;
  --brand-primary-600: #184680;
  --brand-secondary-50: #fff6ee;
  --brand-secondary-100: #fde7d2;
  --brand-secondary-500: #e38e49;
  --brand-secondary-600: #c87435;
  --brand-success-50: #eef8ef;
  --brand-success-100: #d9efda;
  --brand-success-500: #4caf50;
  --brand-success-600: #3f9142;
  --brand-error-50: #feeceb;
  --brand-error-100: #fdd4d1;
  --brand-error-500: #f44336;
  --brand-error-600: #d9342a;
  --brand-warning-50: #fff8e1;
  --brand-warning-100: #ffecb3;
  --brand-warning-500: #ffc107;
  --brand-warning-600: #d9a300;
  --brand-neutral-50: #f5f5f5;
  --brand-neutral-100: #eeeeee;
  --brand-neutral-900: #424242;
  --brand-black: #161616;
  --brand-white: #ffffff;

  --bs-primary: var(--brand-primary-500);
  --bs-primary-rgb: 31, 80, 154;
  --bs-primary-text-emphasis: var(--brand-primary-600);
  --bs-primary-bg-subtle: var(--brand-primary-50);
  --bs-primary-border-subtle: var(--brand-primary-100);
  --bs-success: var(--brand-success-500);
  --bs-success-rgb: 76, 175, 80;
  --bs-success-text-emphasis: var(--brand-success-600);
  --bs-success-bg-subtle: var(--brand-success-50);
  --bs-success-border-subtle: var(--brand-success-100);
  --bs-danger: var(--brand-error-500);
  --bs-danger-rgb: 244, 67, 54;
  --bs-danger-text-emphasis: var(--brand-error-600);
  --bs-danger-bg-subtle: var(--brand-error-50);
  --bs-danger-border-subtle: var(--brand-error-100);
  --bs-warning: var(--brand-warning-500);
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-text-emphasis: var(--brand-warning-600);
  --bs-warning-bg-subtle: var(--brand-warning-50);
  --bs-warning-border-subtle: var(--brand-warning-100);
  --bs-info: var(--brand-primary-500);
  --bs-info-rgb: 31, 80, 154;
  --bs-info-text-emphasis: var(--brand-primary-600);
  --bs-info-bg-subtle: var(--brand-primary-50);
  --bs-info-border-subtle: var(--brand-primary-100);
  --bs-link-color: var(--brand-primary-500);
  --bs-link-color-rgb: 31, 80, 154;
}

html[dir="ltr"] {
  --bs-font-sans-serif: "Inter", "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

html[dir="rtl"] {
  --bs-font-sans-serif: "Tajawal", system-ui, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] .btn,
.font-heading {
  font-family: "Quicksand", "Inter", system-ui, sans-serif;
}

.text-primary {
  color: var(--brand-primary-500) !important;
}

.bg-primary {
  background-color: var(--brand-primary-500) !important;
}

.btn-primary {
  --bs-btn-color: var(--brand-white);
  --bs-btn-bg: var(--brand-primary-500);
  --bs-btn-border-color: var(--brand-primary-500);
  --bs-btn-hover-color: var(--brand-white);
  --bs-btn-hover-bg: var(--brand-primary-600);
  --bs-btn-hover-border-color: var(--brand-primary-600);
  --bs-btn-focus-shadow-rgb: 31, 80, 154;
  --bs-btn-active-color: var(--brand-white);
  --bs-btn-active-bg: var(--brand-primary-600);
  --bs-btn-active-border-color: var(--brand-primary-600);
  --bs-btn-disabled-color: var(--brand-white);
  --bs-btn-disabled-bg: var(--brand-primary-500);
  --bs-btn-disabled-border-color: var(--brand-primary-500);
  color: var(--brand-white);
  background-color: var(--brand-primary-500);
  border-color: var(--brand-primary-500);
}

.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(31, 80, 154, 0.3);
}

.btn-primary:hover,
.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary.focus,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  color: var(--brand-white) !important;
  background-color: var(--brand-primary-600) !important;
  border-color: var(--brand-primary-600) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: var(--brand-white) !important;
  background-color: var(--brand-primary-500) !important;
  border-color: var(--brand-primary-500) !important;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(31, 80, 154, 0.86) 0%, var(--brand-primary-500) 100%);
  box-shadow: 0 0.125rem 0.375rem 0 rgba(31, 80, 154, 0.3);
  color: var(--brand-white);
}

.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: var(--brand-primary-50);
  color: var(--brand-primary-500) !important;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  background: var(--brand-secondary-500);
}

.settley-brand-link {
  min-width: 0;
}

.settley-brand {
  display: flex;
  align-items: center;
  width: auto;
  height: 2.75rem;
}

.app-brand-logo.settley-brand img.settley-brand-logo {
  display: block;
  object-fit: contain;
}

.app-brand-logo.settley-brand img.settley-brand-logo-expanded {
  width: auto;
  max-width: 10.5rem;
  height: 2.25rem;
}

.app-brand-logo.settley-brand img.settley-brand-logo-mark {
  display: none;
  width: 2.25rem;
  height: 2.25rem;
}

.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo.settley-brand img.settley-brand-logo-expanded,
.menu-collapsed:not(:hover) .app-brand-logo.settley-brand img.settley-brand-logo-expanded {
  display: none;
}

.layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo.settley-brand img.settley-brand-logo-mark,
.menu-collapsed:not(:hover) .app-brand-logo.settley-brand img.settley-brand-logo-mark {
  display: block;
}

.settley-auth-logo {
  display: block;
  width: auto;
  height: 2.75rem;
  max-width: 12.5rem;
  object-fit: contain;
}