:root {
  --bc-brand: #5426d9;
  --bc-brand-strong: #4320a8;
  --bc-brand-soft: #7a4cff;
  --bc-brand-glow: rgba(84, 38, 217, 0.22);
  --bc-accent: #15b47e;
  --bc-accent-soft: #dbffe9;
  --bc-fire: #ff7a1a;
  --bc-ink: #111827;
  --bc-muted: #5b6475;
  --bc-paper: #faf8f4;
  --bc-paper-warm: #fff9ed;
  --bc-line: rgba(17, 24, 39, 0.1);
  --bc-line-strong: rgba(17, 24, 39, 0.16);
  --bc-shadow-sm: 0 10px 28px rgba(17, 24, 39, 0.06);
  --bc-shadow-md: 0 18px 48px rgba(17, 24, 39, 0.1);
  --bc-shadow-lg: 0 28px 70px rgba(18, 21, 45, 0.16);
  --bc-radius-sm: 12px;
  --bc-radius-md: 18px;
  --bc-radius-lg: 24px;
  --bc-radius-xl: 32px;
  --bc-font-display: "Sora", "Segoe UI", sans-serif;
  --bc-font-body: "Manrope", "Segoe UI", sans-serif;
  --bc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="dark"] {
  --bc-brand: #7a4cff;
  --bc-brand-strong: #5426d9;
  --bc-brand-soft: #9b7cff;
  --bc-brand-glow: rgba(122, 76, 255, 0.24);
  --bc-accent: #34d399;
  --bc-accent-soft: rgba(52, 211, 153, 0.14);
  --bc-ink: #f6f2ff;
  --bc-muted: #b6a9ca;
  --bc-paper: #0c0911;
  --bc-paper-warm: #141019;
  --bc-line: rgba(246, 239, 255, 0.1);
  --bc-line-strong: rgba(246, 239, 255, 0.16);
  --bc-shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.22);
  --bc-shadow-md: 0 20px 48px rgba(0, 0, 0, 0.32);
  --bc-shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.42);
}