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

.sk-hero--slate {
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(71, 85, 105, 0.18) 0%,
    rgba(100, 116, 139, 0.12) 50%,
    rgba(148, 163, 184, 0.08) 100%
  );
  border: 1px solid rgba(71, 85, 105, 0.25);
  box-shadow: 0 20px 50px rgba(30, 41, 59, 0.12);
}

.sk-feature-card--slate {
  background: linear-gradient(180deg, var(--mantine-color-body) 0%, rgba(71, 85, 105, 0.06) 100%);
  border-color: rgba(71, 85, 105, 0.18);
}

.sk-subtitle--slate {
  opacity: 0.9;
  color: var(--mantine-color-slate-7);
}