.template-preview--slate,
.start-template__preview--slate {
  --preview-accent: #475569;
  --preview-border: #cbd5e1;
  --preview-soft: #f1f5f9;
  --preview-dot: rgba(100, 116, 139, 0.28);
}

.template-preview--blue,
.start-template__preview--blue {
  --preview-accent: #2563eb;
  --preview-border: #bfdbfe;
  --preview-soft: #eff6ff;
  --preview-dot: rgba(37, 99, 235, 0.2);
}

.template-preview--violet,
.start-template__preview--violet {
  --preview-accent: #7c3aed;
  --preview-border: #ddd6fe;
  --preview-soft: #f5f3ff;
  --preview-dot: rgba(124, 58, 237, 0.18);
}

.template-preview--green,
.start-template__preview--green {
  --preview-accent: #047857;
  --preview-border: #a7f3d0;
  --preview-soft: #ecfdf5;
  --preview-dot: rgba(4, 120, 87, 0.18);
}

.template-preview--rose,
.start-template__preview--rose {
  --preview-accent: #be123c;
  --preview-border: #fecdd3;
  --preview-soft: #fff1f2;
  --preview-dot: rgba(190, 18, 60, 0.16);
}

.template-preview--amber,
.start-template__preview--amber {
  --preview-accent: #b45309;
  --preview-border: #fde68a;
  --preview-soft: #fffbeb;
  --preview-dot: rgba(180, 83, 9, 0.17);
}

.template-preview--teal,
.start-template__preview--teal {
  --preview-accent: #0f766e;
  --preview-border: #99f6e4;
  --preview-soft: #f0fdfa;
  --preview-dot: rgba(15, 118, 110, 0.17);
}

.template-preview--indigo,
.start-template__preview--indigo {
  --preview-accent: #4338ca;
  --preview-border: #c7d2fe;
  --preview-soft: #eef2ff;
  --preview-dot: rgba(67, 56, 202, 0.17);
}

.template-preview--sky,
.start-template__preview--sky {
  --preview-accent: #0369a1;
  --preview-border: #bae6fd;
  --preview-soft: #f0f9ff;
  --preview-dot: rgba(3, 105, 161, 0.17);
}

.template-preview--pink,
.start-template__preview--pink {
  --preview-accent: #be185d;
  --preview-border: #fbcfe8;
  --preview-soft: #fdf2f8;
  --preview-dot: rgba(190, 24, 93, 0.16);
}