/* Kara UI design tokens — representative colors from mockup */
:root {
  --kara-bg: #070B1B;
  --kara-charcoal: #111318;
  --kara-surface: #111932;
  --kara-surface-raised: #1D2445;
  --kara-blue: #3478F6;
  --kara-violet: #7157FF;
  --kara-purple: #A667FF;
  --kara-pink: #ED46D2;
  --kara-text: #F7F4FF;
  --kara-muted: #A7A8C8;
  --kara-success: #15DF97;
  --kara-danger: #FF477B;
  --kara-gradient-primary: linear-gradient(95deg, #7450FF, #EA42D0);
  --kara-gradient-secondary: linear-gradient(95deg, #3478F6, #7157FF);
  --kara-radius-card: 18px;
  --kara-radius-button: 14px;
}
.kara-button { background: var(--kara-gradient-primary); color: white; border: 0; border-radius: var(--kara-radius-button); padding: 13px 24px; font-weight: 700; }
.kara-card { background: var(--kara-surface); border: 1px solid #3F3768; border-radius: var(--kara-radius-card); padding: 18px; }