:root {
  --primary-color: #6F33AF;
  --primary-dark: #562382;
  --primary-light: #EADFF8;

  --secondary-color: #4A2678;
  --accent-color: #793DC9;
  --accent-light: #F3E8FF;

  --success-color: #6F33AF;
  --warning-color: #793DC9;
  --danger-color: #562382;

  --text-dark: #111827;
  --text-medium: #4B5563;
  --text-light: #6B7280;
  --text-white: #FFFFFF;

  --bg-white: #FFFFFF;
  --bg-light: #F9FAFB;
  --bg-soft: #F3F4F6;
  --bg-dark: #0F172A;

  --border-light: #E5E7EB;
  --border-medium: #D1D5DB;

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);

  --primaryColor: var(--primary-color);
  --primary: var(--primary-color);
  --secondaryPurple: var(--primary-color);
  --purpleColor: var(--primary-color);
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--text-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: var(--text-white) !important;
}

.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.border-primary { border-color: var(--primary-color) !important; }