:root {
  --color-bg: #f6f5fa;
  --color-text: #1d1a2b;
  --color-warn: #b97a12;
  --color-accent: #c9a94a;
  --color-border: #e3e0ee;
  --color-danger: #c23c3c;
  --color-text-2: #6d6784;
  --color-primary: #5b2ea6;
  --color-success: #1c8f5a;
  --color-surface: #ffffff;
  --color-surface-2: #efedf6;
  --color-primary-soft: #ece5f9;
  --color-primary-strong: #48227f;
}
[data-theme="dark"] {
  --color-bg: #141221;
  --color-text: #eeecf6;
  --color-warn: #d99a2b;
  --color-accent: #d8bc6a;
  --color-border: #332e4d;
  --color-danger: #e05b5b;
  --color-text-2: #a49dc0;
  --color-primary: #8b5fd6;
  --color-success: #34b47b;
  --color-surface: #1d1a2e;
  --color-surface-2: #262239;
  --color-primary-soft: #2b2344;
  --color-primary-strong: #a37ee8;
}