/* Tema aplicado automaticamente conforme o segmento da clínica. */
body[data-business="salao"] {
  --ink: #4a1730;
  --muted: #926177;
  --bg: #fff4f8;
  --card: #ffffff;
  --brand: #d62972;
  --dark: #76133f;
  --line: #f2cade;
  --green: #b71f61;
  --orange: #c14b78;
  --blue: #b52c6c;
}

body[data-business="salao"] .sidebar {
  background: linear-gradient(180deg, #7c1647, #4e0d2a);
  color: #ffeaf3;
}

body[data-business="salao"] .nav button { color: #ffd7e8; }
body[data-business="salao"] .nav button:hover,
body[data-business="salao"] .nav button.active { background: #ad245e; color: #fff; }
body[data-business="salao"] .account { border-color: #a93162; }
body[data-business="salao"] .brand-mark,
body[data-business="salao"] .check { background: #ffafd0; color: #691235; }
body[data-business="salao"] .avatar { background: #fde4ef; color: #bc2869; }
body[data-business="salao"] dialog { border: 1px solid #f2b8d2; }
body[data-business="salao"] dialog::backdrop { background: #5e123888; }

body[data-business="estetica"] {
  --ink: #482040;
  --muted: #85687f;
  --bg: #fcf7ff;
  --card: #ffffff;
  --brand: #9a3e91;
  --dark: #52214f;
  --line: #ead8ed;
  --green: #8a357f;
  --orange: #b15c87;
  --blue: #804c9f;
}

body[data-business="estetica"] .sidebar { background: linear-gradient(180deg, #592459, #351531); }
body[data-business="estetica"] .nav button:hover,
body[data-business="estetica"] .nav button.active { background: #7c3675; color: #fff; }
body[data-business="estetica"] .brand-mark,
body[data-business="estetica"] .check { background: #eebeea; color: #582152; }
body[data-business="estetica"] .avatar { background: #f6e8f5; color: #914184; }

body[data-business="individual"] {
  --ink: #4d1c35;
  --muted: #8a6575;
  --bg: #fff7f9;
  --card: #ffffff;
  --brand: #d7527d;
  --dark: #70213f;
  --line: #f1d4de;
  --green: #b73f68;
  --orange: #c26b79;
  --blue: #b54f79;
}

body[data-business="individual"] .sidebar { background: linear-gradient(180deg, #7e294a, #4f1930); }
body[data-business="individual"] .nav button:hover,
body[data-business="individual"] .nav button.active { background: #a83d61; color: #fff; }
body[data-business="individual"] .brand-mark,
body[data-business="individual"] .check { background: #ffd1df; color: #70213f; }