:root {
  color-scheme: light;
  --bc-text: #201f1e;
  --bc-text-secondary: #3b3a39;
  --bc-muted: #3b3a39;
  --bc-muted-2: #605e5c;
  --bc-bg: #ffffff;
  --bc-page: #371168;
  --bc-surface: #ede0fa;
  --bc-accent-bg: #dbcbeb;
  --bc-border: #edebe9;
  --bc-border-strong: #8a8886;
  --bc-accent: #371168;
  --bc-hover: #4a2080;
  --bc-active: #2a0d50;
  --bc-on-accent: #ffffff;
  --bc-danger: #d13438;
  --bc-danger-hover: #b1282f;
  --bc-success: #107c10;
  --bc-warning: #ca5010;
  --bc-warning-bg: #fff4ce;
  --bc-warning-border: #f3c960;
  --bc-success-bg: #dff6dd;
  --bc-success-border: #a6d8a8;
  --bc-danger-bg: #fde7e9;
  --bc-danger-border: #f5b6b9;
  --bc-info-bg: #ede0fa;
  --bc-info-border: #8a6bb5;
  --bc-disabled-bg: #f3f2f1;
  --bc-disabled-text: #a19f9d;
  --bc-badge-bg: #edebe9;
  --bc-badge-text: #605e5c;
  --bc-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  --bc-modal-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
  --bc-overlay: rgba(0, 0, 0, 0.24);
  --bc-focus-ring: 0 0 0 2px rgba(55, 17, 104, 0.28);
  --bc-danger-focus-ring: 0 0 0 2px rgba(209, 52, 56, 0.2);
  --bc-radius-control: 4px;
  --bc-radius-card: 8px;
  --bc-radius-popover: 6px;
  --bc-control-height: 32px;
  --bc-control-height-compact: 28px;
  --bc-form-max-width: 560px;
  --bc-brand-purple: #7913d8;
  --bc-brand-purple-strong: #532194;
  --bc-brand-purple-light: #bb67f0;
  --bc-brand-purple-deep: #371168;
  --bc-brand-ink: #190a2d;
  --bc-brand-cloud: #dba3ff;
  --bc-brand-cloud-soft: #efd6ff;
  --bc-status-off: #c42b32;
  --bc-status-on: var(--bc-success);
  --bc-status-error: var(--bc-danger);
  --bc-on-status-on: #ffffff;
  --bc-on-status-off: #ffffff;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bc-text: #f3f2f1;
  --bc-text-secondary: #a19f9d;
  --bc-muted: #a19f9d;
  --bc-muted-2: #8a8886;
  --bc-bg: #1b1a19;
  --bc-page: #371168;
  --bc-surface: #252423;
  --bc-accent-bg: #3a2a4f;
  --bc-border: #3b3a39;
  --bc-border-strong: #605e5c;
  --bc-accent: #ede0fa;
  --bc-hover: #f5eefe;
  --bc-active: #d8c6f0;
  --bc-on-accent: #371168;
  --bc-danger: #f1707b;
  --bc-danger-hover: #e05a66;
  --bc-success: #54b054;
  --bc-warning: #e97548;
  --bc-warning-bg: #4a3f1a;
  --bc-warning-border: #8a7b3a;
  --bc-success-bg: #1e3a2a;
  --bc-success-border: #2d5a3d;
  --bc-danger-bg: #3a1e1e;
  --bc-danger-border: #5a2d2d;
  --bc-info-bg: #3a2a4f;
  --bc-info-border: #ede0fa;
  --bc-disabled-bg: #323130;
  --bc-disabled-text: #a19f9d;
  --bc-badge-bg: #3b3a39;
  --bc-badge-text: #a19f9d;
  --bc-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  --bc-modal-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  --bc-overlay: rgba(0, 0, 0, 0.5);
  --bc-focus-ring: 0 0 0 2px rgba(237, 224, 250, 0.45);
  --bc-danger-focus-ring: 0 0 0 2px rgba(241, 112, 123, 0.2);
  --bc-brand-purple: #9354d6;
  --bc-brand-purple-strong: #b37aff;
  --bc-brand-purple-light: #bb67f0;
  --bc-brand-purple-deep: #190a2d;
  --bc-brand-ink: #f3f2f1;
  --bc-brand-cloud: #8b5aab;
  --bc-brand-cloud-soft: #4a2f62;
  --bc-status-off: #e85a64;
  --bc-status-on: var(--bc-success);
  --bc-status-error: var(--bc-danger);
  --bc-on-status-on: #1b1a19;
  --bc-on-status-off: #ffffff;
}