/* 로고의 블루를 기준으로 로그인, 쇼핑몰, 관리자에 공통 팔레트를 적용한다. */
:root {
  --leader-primary: #195fb2;
  --leader-primary-hover: #124c91;
  --leader-navy: #16324f;
  --leader-soft: #edf5ff;
  --leader-background: #f5f7fa;
  --leader-text: #253347;
  --leader-border: #dce3ec;
  --leader-accent: #16324f;
  --main: #253347;
  --primary: #195fb2;
  --bs-primary: #195fb2;
  --bs-primary-rgb: 25, 95, 178;
  --bs-primary-hover: #124c91;
  --bs-primary-text-emphasis: #16324f;
  --bs-primary-bg-subtle: #edf5ff;
  --bs-primary-border-subtle: #bcd3ed;
  --bs-link-color: #195fb2;
  --bs-link-color-rgb: 25, 95, 178;
  --bs-link-hover-color: #124c91;
  --bs-link-hover-color-rgb: 18, 76, 145;
  --bs-body-bg: #f5f7fa;
  --bs-body-bg-rgb: 245, 247, 250;
  --bs-body-color: #253347;
  --bs-body-color-rgb: 37, 51, 71;
  --bs-heading-color: #16324f;
  --bs-border-color: #dce3ec;
}
.leadermall-bg, .btn-primary {
  background-color: var(--leader-primary) !important;
  border-color: var(--leader-primary) !important;
  color: #fff !important;
}
.leadermall-c, .leadermall-cart-price, .text-primary { color: var(--leader-primary) !important; }
.leadermall-cart-price02 { color: var(--leader-navy) !important; }
.bg-leadermall-c { background-color: var(--leader-soft) !important; }
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: var(--leader-primary-hover) !important;
  border-color: var(--leader-primary-hover) !important;
}
.btn-primary:disabled, .btn-primary.disabled { opacity: .65; }
.login-page {
  background: radial-gradient(circle at top left, rgba(25,95,178,.10), transparent 35%), var(--leader-background);
}
.login-card { background: #fff; border: 1px solid var(--leader-border); }
.login-title { color: var(--leader-navy); }
.login-card input.form-control { border-color: var(--leader-border) !important; }
.login-card input.form-control:focus {
  border-color: var(--leader-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(25,95,178,.12) !important;
}
.app-brand-logo img, .login-brand-logo, .logo-header img, .brand-image, .brand-logo-pc { object-fit: contain; }
.app-brand-logo img { width: 160px !important; height: auto !important; max-height: 60px; }
.logo-header img { width: auto; max-width: 210px; height: auto; max-height: 48px; }
@media (max-width: 767px) { .logo-header img { max-width: 155px; max-height: 36px; } }

h1, h2, h3, h4, h5, h6 { color: var(--leader-navy); }