/* eDawat light chrome — site, host dashboard, guest event pages. */

body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest){
  --gold: var(--burgundy);
  --gold-2: var(--burgundy-2);
  --gold-dim: rgba(92, 30, 43, .16);
  --ink: var(--ink-dark);
  --ink-soft: #5C443C;
  --muted: #7A645C;
  --radius: 20px;
  --shadow: 0 22px 48px -28px rgba(92, 30, 43, .28);
  --lat: var(--font-ui);

  background: var(--cream);
  color: var(--ink);
  font-family: var(--ur);
  min-height: 100dvh;
}

body.site{
  line-height: 2.05;
  display: flex;
  flex-direction: column;
}
body.site.lang-en{
  font-family: var(--font-body);
  line-height: 1.6;
}

body:is(.admin, .admin-login, .auth-gate, .scanner-app, .guest){line-height: 2}
body:is(.admin, .admin-login, .auth-gate, .scanner-app, .guest).lang-en{
  font-family: var(--font-ui);
  line-height: 1.5;
}

body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn{
  background: transparent;
  color: var(--burgundy);
  border: 1px solid var(--gold-dim);
  min-height: 44px;
  padding: 8px 22px;
}
body.site .btn{font-family: var(--font-ui)}
body:is(.admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn{font-family: inherit}
body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn:hover{
  background: rgba(92, 30, 43, .06);
  transform: none;
}
body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn.primary{
  background: var(--burgundy);
  border-color: var(--burgundy);
  color: var(--cream-2);
  font-weight: 600;
}
body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn.primary:hover{
  filter: brightness(1.08);
  background: var(--burgundy-2);
  border-color: var(--burgundy-2);
}
body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .btn.ghost{
  border-color: transparent;
  color: var(--burgundy);
}
body:is(.admin, .admin-login) .btn.danger{
  background: rgba(224, 85, 63, .12);
  border-color: rgba(224, 85, 63, .5);
  color: var(--danger);
}
body:is(.admin, .admin-login) .btn.danger:hover{
  background: rgba(224, 85, 63, .2);
}
body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest).lang-en .btn{
  font-family: var(--font-ui);
  min-height: 42px;
  padding: 10px 22px;
}

body:is(.site, .admin, .admin-login, .auth-gate, .guest) .field label{color: var(--burgundy)}
body:is(.site, .admin, .admin-login, .auth-gate, .guest) .field :is(input, select, textarea){
  background: #fff;
  color: var(--ink);
  border: 1px solid var(--gold-dim);
  font-family: inherit;
}
body:is(.site, .admin, .admin-login, .auth-gate, .guest) .field :is(input, select, textarea):focus{
  border-color: var(--burgundy);
  box-shadow: 0 0 0 3px rgba(92, 30, 43, .12);
}

body:is(.site, .admin, .admin-login, .auth-gate, .guest) .alert{
  color: #6b1c1c; background: #f6e8e6; border-color: rgba(92, 30, 43, .25);
}
body:is(.site, .admin, .admin-login, .guest) .alert.ok{
  color: #1e4d32; background: #e8f3ec; border-color: rgba(46, 110, 70, .3);
}
body:is(.site, .admin, .admin-login, .auth-gate, .guest) .hint{color: var(--muted)}

body:is(.site, .admin, .admin-login, .auth-gate, .scanner-app, .guest) .lang-switch a{
  color: var(--burgundy);
}

body.admin-login .card{
  background: #fff;
  border: 1px solid var(--gold-dim);
  color: var(--ink);
}
body:is(.admin-login, .guest, .scanner-app) .pattern{opacity: .04}
body:is(.admin-login, .guest, .scanner-app) .lang-switch.floating{
  background: rgba(250, 247, 240, .94);
}
body.admin-login .a-login-brand{
  font-family: var(--font-script);
  font-size: 42px;
  font-weight: 400;
  color: var(--burgundy);
  text-align: center;
  margin: 0 0 2px;
  line-height: 1.2;
}

/* Invitation canvas keeps emerald + gold — page chrome is burgundy. */
body:is(.site, .admin, .guest) .poster,
body.admin .ed-canvas.is-system,
body.admin .tpl-thumb.is-system,
body.admin .tpl-poster.is-system{
  --gold: #c8a253;
  --gold-2: #e8cd8f;
  --gold-dim: rgba(200, 162, 83, .32);
  --ink: #f3f7f1;
  --ink-soft: #cfdcd0;
  --muted: #8fa598;
  --lat: "Zalando Sans SemiExpanded", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}