/* Dandi Studio v2 — theme cho app các cô (đè lên staff.css, giữ nguyên chức năng) */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{
  --cam:#FF9A3D; --cam2:#FF7A59; --vang:#FFC24B;
  --ngoc:#00AC82; --sanho:#E4573D;
  --bg:#FFF9F3; --card:#FFFFFF; --ink:#2A2430; --muted:#8B8291; --line:#F0E7DD;
  --r:18px; --sh:0 10px 26px rgba(70,50,40,.08); --nav:70px;
}
body{
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  background:
    radial-gradient(700px 320px at 110% -10%, #EAFBF4 0%, transparent 60%),
    radial-gradient(560px 260px at -10% 0%, #FFF0E8 0%, transparent 55%),
    var(--bg) !important;
}
.card,.item,.box,.sheet,.panel{
  border-radius:var(--r) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--sh) !important;
  background:var(--card) !important;
}
h1,h2,h3{letter-spacing:-.3px}
header,.hd{
  background:rgba(255,249,243,.9) !important; backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line) !important;
}
nav.tabs,.tabs,.tabbar{
  background:rgba(255,249,243,.9) !important; backdrop-filter:blur(14px);
  border-top:1px solid var(--line) !important;
}
nav.tabs button.on,.tabs button.on{color:var(--ngoc) !important}
button,.btn{
  border-radius:14px !important; font-family:inherit !important; font-weight:700 !important;
}
.btn:not(.ghost):not(.sm){background:linear-gradient(135deg,var(--ngoc),#3AD6A9) !important;border:0 !important;color:#fff !important;box-shadow:0 8px 18px rgba(0,172,130,.24)}
input,select,textarea{border-radius:14px !important;border:1px solid var(--line) !important;background:#fff !important;font-family:inherit !important}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,172,130,.25);border-color:#9FE3CE !important}
.pill,.tag{border-radius:999px !important;font-weight:700}