:root {
  --brand-50: #f6f6ff;
  --brand-100: #ebeaff;
  --brand-200: #d9d5ff;
  --brand-300: #c0b6ff;
  --brand-400: #a88fff;
  --brand-500: #946af5;
  --brand-600: #7c4fd8;
  --brand-700: #6c40c0;
  --brand-800: #5c33a7;
  --brand-900: #452282;
  --brand-950: #2f145c;
  --brand-signature: #946af5;
  color-scheme: light;
  --color-page: #ffffff;
  --color-surface: #ffffff;
  --color-band: #f3f8f8;
  --color-line: #d5dcdd;
  --color-line-strong: #bbc2c3;
  --color-text: #0c0d0f;
  --color-text-body: #4e5454;
  --color-text-muted: #5d6364;
  --color-signature: #946af5;
  --color-accent: #7c4fd8;
  --color-accent-text: #6c40c0;
  --color-accent-hover: #6c40c0;
  --color-accent-active: #5c33a7;
  --color-accent-soft: #f6f6ff;
  --color-accent-subtle: #ebeaff;
  --color-accent-line: #c0b6ff;
  --color-secondary: #d9d5ff;
  --color-on-accent: #ffffff;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-page: #0c0d0f;
  --color-surface: #262a2a;
  --color-band: #262a2a;
  --color-line: #4e5454;
  --color-line-strong: #5d6364;
  --color-text: #f3f8f8;
  --color-text-body: #d5dcdd;
  --color-text-muted: #9fa6a7;
  --color-signature: #a88fff;
  --color-accent: #a88fff;
  --color-accent-text: #c0b6ff;
  --color-accent-hover: #c0b6ff;
  --color-accent-active: #d9d5ff;
  --color-accent-soft: #2f145c;
  --color-accent-subtle: #452282;
  --color-accent-line: #6c40c0;
  --color-secondary: #5c33a7;
  --color-on-accent: #0c0d0f;
}