:root {
  --scm-primary: #006d77;
  --scm-primary-dark: #004c55;
  --scm-accent: #ffb703;
  --scm-bg: #eef9f8;
  --scm-surface: #ffffff;
  --scm-text: #15333a;
  --scm-muted: #5f7378;
  --scm-border: #b7dedb;
  --scm-footer-bg: #08383f;
  --scm-footer-text: #e9fffb;
  --scm-radius: 6px;
}

body {
  background: linear-gradient(180deg, #dff8f6 0, #f7fcfc 280px);
  font-family: "Segoe UI", Arial, sans-serif;
}

.site-header {
  background: #e6fbf8;
  border-bottom: 0;
  border-top: 5px solid var(--scm-accent);
}

.nav-link,
.dropdown-item {
  color: var(--scm-primary-dark);
}

.nav-link:hover,
.nav-link:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  color: #c47f00;
}

.modern-hero {
  background: linear-gradient(135deg, #006d77, #2a9d8f 62%, #ffb703);
}

.modern-content,
.modern-sidebar,
.modern-dashboard-tile {
  border-top: 4px solid var(--scm-accent);
}

.modern-sidebar {
  background: #fbfffe;
}

h1,
h2,
h3 {
  color: var(--scm-primary-dark);
}