:root{
  --ui-card-bg:rgba(255,250,245,.82);
  --ui-card-line:rgba(179,155,139,.18);
  --ui-card-shadow:0 14px 34px rgba(63,43,27,.08);
  --ui-soft-shadow:0 12px 28px rgba(182,154,136,.10);
  --ui-ink:#68584d;
  --ui-muted:#9a8779;
  --ui-accent:#d9b7a2;
  --ui-accent-soft:#f6e7d9;
  --ui-warm:#fffaf6;
  --ui-danger:#a1263b;
  --ui-ok:#2e7d4f;
}

.ui-card{
  background:var(--ui-card-bg);
  border:1px solid var(--ui-card-line);
  border-radius:22px;
  box-shadow:var(--ui-card-shadow);
}

.ui-soft-card{
  background:rgba(255,255,255,.78);
  border:1px solid var(--ui-card-line);
  border-radius:18px;
  box-shadow:var(--ui-soft-shadow);
}

.ui-primary-btn,
.ui-secondary-btn,
.ui-link-btn{
  min-height:46px;
  border-radius:18px;
  font-size:.96rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  cursor:pointer;
}

.ui-primary-btn:hover,
.ui-secondary-btn:hover,
.ui-link-btn:hover{
  transform:translateY(-1px);
}

.ui-primary-btn{
  border:0;
  background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-soft));
  color:#6f5b4f;
  font-weight:800;
  box-shadow:0 14px 26px rgba(201,170,150,.22);
}

.ui-secondary-btn{
  border:1px solid var(--ui-card-line);
  background:rgba(255,255,255,.84);
  color:var(--ui-ink);
}

.ui-link-btn{
  border:1px solid var(--ui-card-line);
  background:rgba(255,255,255,.78);
  color:var(--ui-ink);
  padding:0 14px;
}

.ui-input{
  width:100%;
  border:1px solid rgba(20,38,61,.12);
  border-radius:18px;
  padding:14px 15px;
  background:rgba(255,255,255,.84);
  color:var(--ui-ink);
  font-size:1rem;
  outline:none;
}

.ui-input:focus{
  border-color:var(--ui-accent);
  box-shadow:0 0 0 4px rgba(216,164,66,.12);
}

.ui-helper{color:var(--ui-muted);font-size:.82rem;line-height:1.55}
.ui-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid var(--ui-card-line);font-size:.74rem;color:#8f7b6d}
.ui-status-ok{color:var(--ui-ok)}
.ui-status-danger{color:var(--ui-danger)}