:root {
  --bg:           #0a0a0f;
  --surface:      #13131a;
  --border:       #1e1e2e;
  --accent:       #69253b;
  --accent2:      #0066ff;
  --accent-hover: color-mix(in srgb, var(--accent) 72%, white);
  --accent-focus: color-mix(in srgb, var(--accent) 30%, transparent);
  --accent-glow:  color-mix(in srgb, var(--accent) 55%, transparent);
  --text:         #e8e8f0;
  --muted:        #5a5a78;
  --danger:       #ff4466;
  --warn:         #ffaa00;
}