:root {
  --brand-primary: #0d6efd;
  --brand-secondary: #6610f2;
  --brand-gradient-start: #0d6efd;
  --brand-gradient-end: #6610f2;
  --brand-text: #212529;
  --brand-muted: #6c757d;
  --brand-radius: 0.5rem;
  --brand-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
  --brand-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  --motion-fast: 150ms;
  --motion-normal: 300ms;
}
.btn-primary {
  background-image: linear-gradient(90deg, var(--brand-gradient-start), var(--brand-gradient-end));
}
.rounded {
  border-radius: var(--brand-radius) !important;
}
.shadow-sm {
  box-shadow: var(--brand-shadow-sm) !important;
}
.shadow {
  box-shadow: var(--brand-shadow) !important;
}
.hero {
  background-image: linear-gradient(180deg, var(--brand-gradient-start), var(--brand-gradient-end));
}
.transition-fast {
  transition: all var(--motion-fast) ease-in-out;
}
.transition {
  transition: all var(--motion-normal) ease-in-out;
}