:root {
  --sidebar: #f8f8fa;
  --background: #ffffff;
  --foreground: #211e33;
  --muted: #f4f4f7;
  --muted-foreground: #676472;
  --surface: #ffffff;
  --surface-foreground: #211e33;
  --border: #e7e6ec;
  --primary: #302c67;
  --primary-foreground: #ffffff;
  --accent: #8b7cf6;
  --attention: #a15c07;
  --danger: #b42318;
  --danger-foreground: #ffffff;
  --success: #187457;
  --focus: #8b7cf6;
  --shadow-color: 48 44 103;
}

.dark {
  --sidebar: #211f29;
  --background: #19181f;
  --foreground: #f7f6ff;
  --muted: #2b2933;
  --muted-foreground: #b8b3cb;
  --surface: #211f29;
  --surface-foreground: #f7f6ff;
  --border: #3d3a49;
  --primary: #aaa0ff;
  --primary-foreground: #19181f;
  --accent: #8b7cf6;
  --attention: #f0aa52;
  --danger: #ff9a93;
  --danger-foreground: #211e33;
  --success: #63cda5;
  --focus: #aaa0ff;
  --shadow-color: 0 0 0;
}