:root[data-palette="violet"] {
  --paper: #fbfafc;
  --surface: #ffffff;
  --ink: #29262f;
  --muted: #6f6979;
  --line: #e5e0ea;
  --surface-line: #e5e0ea;
  --prompt-ink: #6f6979;
  --accent-wash: #f5f2fc;
  --accent-tint: #ede7fa;
  --accent-line: #d8cef1;
  --accent-glow: color-mix(in srgb, var(--accent) 7%, transparent);
  --network-line: #b3acbc;
  --network-dot: #a79fb1;
  --network-ring: #e5e0ea;
  --network-hub-line: #d8cef1;
}
html[data-palette="violet"] .prompt-box {
  background: var(--surface);
  box-shadow: 0 4px 12px #29262f03;
}
html[data-palette="violet"] .network-toggle {
  background: #fbfafcb3;
  border-color: var(--line);
  color: var(--muted);
}
html[data-palette="violet"] .agent-help,
html[data-palette="violet"] [data-network-toggle] {
  text-decoration-color: #c8c0d3;
}
html[data-palette="violet"] .friend-agent {
  border-color: var(--line);
  box-shadow: 0 4px 10px #29262f05;
}
html[data-palette="violet"] .friend-you .friend-agent {
  border-color: var(--accent-line);
  box-shadow: 0 0 0 7px var(--accent-glow);
}
html[data-palette="violet"] .lunch-plan {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: 0 10px 27px #29262f0a;
}
html[data-palette="violet"] .discovery-card {
  box-shadow: 0 8px 28px #29262f06;
}
html[data-palette="violet"] .person-card {
  box-shadow:
    0 4px 12px #29262f03,
    0 24px 72px #29262f0b;
}
html[data-palette="violet"] .card-update > span {
  color: var(--muted);
}
html[data-palette="violet"] .connection-panel-mark {
  background: #fffffff2;
  box-shadow:
    0 5px 15px #29262f10,
    inset 0 1px 0 #fff;
}
html[data-palette="violet"] .setup-dialog {
  background: var(--surface);
  box-shadow: 0 24px 90px #29262f26;
}
html[data-palette="violet"] .setup-dialog::backdrop {
  background: #29262f52;
}