:root {
  color-scheme: dark;
  --bg-base: #0c0e11;
  --surface-1: #14181d;
  --surface-2: #1c2127;
  --surface-3: #2a313a;
  --stroke-card: #232a32;
  --divider: #1e242b;
  --divider2: #20262d;
  --grid: #2b323b;
  --stroke-strong: #3a434d;
  --track-bg: #252b33;
  --minimap-bg: #1a1f25;
  --minimap-a: #222930;
  --minimap-b: #2b333c;
  --text: #eaf0f5;
  --text-secondary: #c5ced7;
  --text-tertiary: #a0aab5;
  --text-muted: #8a949f;
  --text-dim: #6c7681;
  --text-disabled: #4a535d;
  --accent: #3dd5f3;
  --on-accent: #03252d;
  --success: #5fbf86;
  --success-bg: #16301f;
  --on-success: #cfebda;
  --warning: #f2b544;
  --record: #ff5b4f;
  --violet: #a58be6;
  --pink: #f27c9c;
  --slate: #9aaab9;
  --cta-light: #eaf0f5;
  --on-cta-light: #0c0e11;
  --avatar-bg: #26404a;
  --on-avatar: #cfeff6;
  --angle-1: #3dd5f3;
  --angle-2: #f2b544;
  --angle-3: #a58be6;
  --angle-4: #5fbf86;
  --angle-5: #f27c9c;
  --angle-6: #9aaab9;
  --radius-card: 16px;
  --radius-button: 12px;
  --radius-cta: 17px;
}