:root {
  --sp-color-text: #17343b;
  --sp-color-primary: #164d59;
  --sp-color-primary-medium: #2a6670;
  --sp-color-accent: #477f35;
  --sp-color-surface: #fbfcf9;
  --sp-color-surface-soft: #f2f6ef;
  --sp-color-muted: #627379;
  --sp-color-border: #d7e0db;
}

.sp-dashboard { color: var(--sp-color-text); }
.sp-dashboard__nav,
.sp-dashboard__card,
.sp-dashboard__stats article,
.sp-dashboard-login { border-color: var(--sp-color-border); }
.sp-dashboard__identity,
.sp-button--primary { background: var(--sp-color-primary); }
.sp-dashboard__initials,
.sp-dashboard__menu a[aria-current="page"],
.sp-dashboard__card a,
.sp-dashboard__status a { color: var(--sp-color-primary); }
.sp-button { border-color: var(--sp-color-primary); }
.sp-dashboard__menu a,
.sp-dashboard__heading p,
.sp-dashboard__card p,
.sp-dashboard__status small,
.sp-dashboard__stats span { color: var(--sp-color-muted); }
.sp-dashboard__status,
.sp-dashboard__status.is-verified { border-left-color: var(--sp-color-accent); }
.sp-dashboard__status > span,
.sp-dashboard__status.is-verified > span { background: var(--sp-color-accent); }