@import '../../../_shared/assets/css/skill-common.css';

.sk-hero--violet {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.16) 0%,
    rgba(79, 70, 229, 0.1) 45%,
    rgba(99, 102, 241, 0.08) 100%
  );
  border: 1px solid rgba(124, 58, 237, 0.22);
  box-shadow: 0 20px 50px rgba(79, 70, 229, 0.12);
}

.sk-hero-glow--violet {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.32) 0%, transparent 65%);
}

.sk-feature-card--violet {
  background: linear-gradient(180deg, var(--mantine-color-body) 0%, rgba(124, 58, 237, 0.04) 100%);
  border-color: rgba(124, 58, 237, 0.15);
}

.sk-subtitle--violet {
  color: var(--mantine-color-violet-7);
}