:root {
  --scm-primary: #075985;
  --scm-primary-dark: #0c4a6e;
  --scm-accent: #14b8a6;
  --scm-bg: #f6f8fb;
  --scm-surface: #ffffff;
  --scm-text: #1d2838;
  --scm-muted: #64748b;
  --scm-border: #d9e2ec;
  --scm-footer-bg: #0c4a6e;
  --scm-footer-text: #e2f7fb;
}

body {
  font-family: "Segoe UI", Arial, sans-serif;
}

.site-header {
  border-top: 5px solid var(--scm-accent);
}

.modern-hero {
  background: linear-gradient(135deg, var(--scm-primary-dark), var(--scm-primary) 60%, var(--scm-accent));
}

.modern-content,
.modern-sidebar,
.modern-dashboard-tile {
  border-color: var(--scm-border);
}