:root {
  --simpelk3-bg-page: #F6F9FC;
  --simpelk3-bg-card: #D4E4F5;
  --simpelk3-bg-card-hover: #F3F8FD;

  --simpelk3-navy: #1F3A5F;
  --simpelk3-navy-hover: #162E4A;

  --simpelk3-text-title: #1F3A5F;
  --simpelk3-text-body: #6B7C93;
  --simpelk3-text-muted: #94A3B8;

  --simpelk3-border-soft: #D6E4F0;
}

.simpelk3-bg-page {
  background-color: var(--simpelk3-bg-page);
}

.simpelk3-bg-card {
  background-color: var(--simpelk3-bg-card);
}

.simpelk3-bg-card-hover:hover {
  background-color: var(--simpelk3-bg-card-hover);
}

.simpelk3-title {
  color: var(--simpelk3-text-title);
  font-weight: 600;
}

.simpelk3-text {
  color: var(--simpelk3-text-body);
}

.simpelk3-muted {
  color: var(--simpelk3-text-muted);
}

.simpelk3-icon {
  color: var(--simpelk3-navy);
  fill: var(--simpelk3-navy);
  opacity: 0.9;
}

.simpelk3-btn {
  background-color: var(--simpelk3-navy);
  color: #fff;
}

.simpelk3-btn:hover {
  background-color: var(--simpelk3-navy-hover);
}