:root {
  --lux-ink: #261b22;
  --lux-ink-2: #4d3947;
  --lux-muted: #695b65;
  --lux-line: rgba(72, 32, 57, 0.15);
  --lux-rose: #8c486f;
  --lux-rose-deep: #5c294a;
  --lux-gold: #a87690;
  --lux-pearl: #fff;
  --lux-blush: #f3e7ee;
  --lux-shadow: 0 24px 64px rgba(54, 23, 42, 0.10);
  --lux-soft-shadow: 0 12px 36px rgba(54, 23, 42, 0.07);
}

body {
  background: #fff !important;
  color: var(--lux-ink);
}

body::before,
body::after,
.account-topbar .brand::before {
  display: none !important;
}

.brand-name,
.detail-title,
.intro-title,
.notice-title,
.login-header h1 {
  font-family: "Noto Sans KR", sans-serif !important;
}

.nowcos-logo,
.nowcos-admin-logo,
.detail-company-logo {
  display: block;
  width: 160px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.account-topbar .brand {
  gap: 14px;
}

.nowcos-admin-logo {
  margin-inline: auto;
}

.sidebar .brand {
  flex-wrap: wrap;
  justify-content: center;
}

.sidebar .nowcos-admin-logo {
  flex: 0 0 150px;
}

.login-view {
  background: #f3edf1 !important;
}

.login-panel {
  background: #fff !important;
}

.login-header h1 {
  color: var(--lux-ink) !important;
  font-size: clamp(22px, 5vw, 30px);
}

.auth-brand-panel {
  background:
    linear-gradient(180deg, rgba(28, 17, 27, 0.94), rgba(48, 25, 45, 0.44) 63%, rgba(28, 17, 27, 0.88)),
    #2c1f2c url("./assets/nowcos/hero-poster.webp") 58% center / cover !important;
}

.auth-brand-panel::before,
.auth-brand-panel::after {
  display: none;
}

.auth-proof-grid > div {
  background: rgba(38, 27, 34, 0.86) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

body[data-auth-mode] .auth-brand-panel h2,
body[data-auth-mode] .auth-brand-panel > p,
body[data-auth-mode] .auth-proof-grid dt,
body[data-auth-mode] .auth-proof-grid dd {
  color: #fff !important;
}

.btn-primary,
.auth-link-btn,
.order-btn,
.metric-option-btn.is-active,
.metric-option-btn[aria-pressed="true"],
.login-form button[type="submit"] {
  background: var(--lux-rose-deep) !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(72, 32, 57, 0.16) !important;
}

.product-visual {
  background: #fff !important;
  box-shadow: none !important;
}

.product-visual img {
  object-fit: contain !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 760px) {
  .nowcos-logo {
    width: 130px;
  }
}