:root {
  --brand: #6A49FC;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F4FEE5;
  --accent-neon: #B3FC2B;
  --text-primary: #222222;
  --text-secondary: #666666;
  --danger: #ff7077;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-heading: 24px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --btn-primary-bg: var(--brand);
  --btn-primary-text: #FFFFFF;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #5A3CE0;
  --btn-primary-radius: 14px;
  --btn-secondary-bg: #e2ffb8;
  --btn-secondary-text: var(--text-primary);
  --btn-secondary-border: var(--border);
  --btn-secondary-hover-bg: #d0ff8f;
  --btn-secondary-radius: 12px;
  --btn-tertiary-text: var(--brand);
  --btn-tertiary-hover-text: var(--brand);
  --btn-danger-bg: var(--danger);
  --btn-danger-text: #FFFFFF;
  --btn-danger-border: transparent;
  --btn-danger-hover-bg: #ff4d55;
  --btn-danger-radius: 12px;
  --btn-danger-quiet-text: var(--text-secondary);
  --btn-danger-quiet-hover-text: var(--danger);
  --btn-danger-quiet-hover-bg: transparent;
  --chip-bg: var(--bg-secondary);
  --chip-active-bg: #6a49fc;
  --chip-active-text: #f4fee4;
  --chip-radius: 999px;
  --input-bg: #FFFFFF;
  --input-border: #E0E0E0;
  --input-focus-border: var(--brand);
  --input-radius: 12px;
}