/* UtsavDesk: single source of truth for application colors. */
:root{
  --brand:#8b4f73;
  --brand2:#d89a5a;
  --brand-hover:#6f3557;
  --brand-soft:#fff1f6;
  --ink:#201b2a;
  --muted:#5d5363;
  --bg:#f8f4f8;
  --card:#ffffff;
  --line:#eadfe7;
  --sidebar:#211a2b;
  --success:#0d7a67;
  --warning:#b8661f;
  --danger:#dc4a62;
  --wine:var(--brand);
  --wine-dark:var(--brand-hover);
  --cream:var(--bg);
  --bs-primary:var(--brand);
  --bs-link-color:var(--brand);
  --bs-link-hover-color:var(--brand-hover);
}

body{
  background:linear-gradient(180deg,#fffafc 0%,#f7f1f6 45%,#f3f0fb 100%);
  color:var(--ink);
}

.btn-brand,.brand-mark{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

.btn-brand:hover,.brand-mark:hover{
  background:var(--brand-hover);
  border-color:var(--brand-hover);
  color:#fff;
}

.badge-soft,.kpi .icon{
  background:var(--brand-soft);
  color:var(--brand);
}

.sidebar{background:var(--sidebar)}

.form-control:focus,.form-select:focus{
  border-color:var(--brand2);
  box-shadow:0 0 0 .2rem rgba(139,79,115,.12);
}

.login-layout{background:var(--card)}
.story-panel{background:var(--bg)}
.signin-content h2{color:var(--ink)}

.cardx,
.menu-box,
.quick-action,
.notification-panel,
.table-responsive,
.kpi,
.form-control,
.form-select,
.btn{
  box-shadow:0 12px 26px rgba(29,16,31,.05);
}

@media(min-width:761px){
  .story-content{max-width:530px}.story-content h1{font-size:clamp(34px,3.55vw,54px);letter-spacing:-1.8px}.story-content h1 em{white-space:nowrap}.signin-panel{justify-content:space-between}.signin-content{padding-top:32px;padding-bottom:32px}.story-content{padding-top:28px;padding-bottom:24px}}
@media(max-width:760px){
  .signin-panel{padding-top:22px}.signin-content{padding-top:26px}.welcome-icon{margin-bottom:18px}.signin-content h2{font-size:34px}.signin-description{margin-bottom:25px}.signin-footer{gap:8px;font-size:10px}.access-note{margin-top:27px}}