:root {
  --brand-primary: #7c3aed;
  --brand-secondary: #06b6d4;
  --brand-accent: #ec4899;
  --brand-gradient: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);
}
.brand-gradient { background: var(--brand-gradient); }
.brand-gradient-text {
  background: var(--brand-gradient);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brand-primary { color: var(--brand-primary); }
.brand-bg-primary { background: var(--brand-primary); }
.brand-accent { color: var(--brand-accent); }