:root {
  --primary: #7c3aed; /* violet-600 */
  --primary-strong: #5b21b6; /* violet-800 */
  --secondary: #8b5cf6; /* violet-500 */
}

/* Violet accents and pale violet backgrounds for admin */
.topbar { box-shadow: 0 1px 0 rgba(124, 58, 237, 0.18); }
.nav a.active { background: var(--primary); }
.nav a:hover { color: var(--primary); }

.hero { background: linear-gradient(135deg, #fff 0%, #f6f3ff 40%, #f1edff 100%); }

.stat { background: #f7f5ff; border-color: #eae6ff; }
.stat .value { color: var(--primary); }

.tab.active { color: var(--primary); }

.primary { background: var(--primary); box-shadow: 0 10px 18px rgba(124, 58, 237, 0.25); }
.primary:hover { background: var(--primary-strong); }
.secondary { background: var(--secondary); box-shadow: 0 10px 18px rgba(139, 92, 246, 0.22); }
.secondary:hover { background: #6d28d9; }

.toast.success { color: #2563eb; }

.info-note { background: #f6f3ff; border-color: #eae6ff; }

tbody tr:hover { background: #f0ecff; }

/* Pale violet background for main panels */
.panel { background: #faf9fc; }