/* YANA PAYROLL SKIN — cửa đăng nhập, chỉ áp cho tone "trang". */
html[data-tone="trang"] {
  color-scheme:light;
}

html[data-tone="trang"] body {
  background:radial-gradient(120% 85% at 50% 0%,#fbf8f3 0%,#f5f1ea 62%,#f2ece3 100%);
  color:#2d221a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
}

html[data-tone="trang"] .dau .ten {
  color:#84672d;
}

html[data-tone="trang"] .dau .phu,
html[data-tone="trang"] label,
html[data-tone="trang"] .ghi,
html[data-tone="trang"] .lienket {
  color:#7f7164;
}

html[data-tone="trang"] form {
  background:#ffffff;
  border-color:#e6dac9;
  border-radius:20px;
  box-shadow:0 6px 22px rgba(74,55,40,.10);
}

html[data-tone="trang"] input {
  background:#fffdfa;
  border-color:#e3d6c4;
  color:#2d221a;
  border-radius:13px;
  box-shadow:inset 0 1px 2px rgba(74,55,40,.03);
}

html[data-tone="trang"] input:focus {
  border-color:#b98a4b;
  box-shadow:0 0 0 3px rgba(198,162,61,.13);
}

html[data-tone="trang"] button:not(.mat):not(.lienket) {
  background:#4a3728;
  color:#f0d98c;
  border-radius:13px;
  box-shadow:none;
}

html[data-tone="trang"] .mat {
  color:#84672d;
}

html[data-tone="trang"] .tieu {
  color:#84672d;
}