:root {
  color-scheme: light;
  --background: #ffffff;
  --canvas: #fdfdff;
  --sidebar: #f7f8fc;
  --surface: #ffffff;
  --surface-hover: #f1f2f8;
  --surface-soft: #f8f9fc;
  --text: #282a3e;
  --text-secondary: #64677b;
  --text-muted: #6e7085;
  --border: #e9eaf2;
  --border-strong: #dadce9;
  --accent: #7761df;
  --accent-hover: #6650cf;
  --accent-text: #6f56d4;
  --accent-soft: #eeebfc;
  --accent-border: #ded8fa;
  --on-accent: #ffffff;
  --success: #3d9d7c;
  --success-soft: #edf8f3;
  --danger: #b83c56;
  --danger-hover: #af3450;
  --danger-soft: #fceef1;
  --message: #f0edfc;
  --message-border: #e6e0fa;
  --shadow: 0 8px 32px #2c254309;
  --shadow-floating: 0 12px 45px #25203b18;
  --overlay: #24203655;
  --lightbox-background: #14131bea;
  --lightbox-text: #ffffff;
  --note-background: #f0eef9;
  --note-line: #d8d0f3;
  --violet-background: #ece8fc;
  --violet-text: #7c62db;
  --amber-background: #fff2d9;
  --amber-text: #a87526;
  --blue-background: #e7effe;
  --blue-text: #4e7bc0;
  --mint-background: #e2f5ef;
  --mint-text: #34836c;
  --rose-background: #fbe7ef;
  --rose-text: #b95e7e;
  --focus: #8a71eb;
  --scrollbar: #dcdde8;
  --drop-background: #f8f6fff5;
  --illustration-opacity: 1;
}