:root {
  --bg-primary: #0a1a3f;
  --bg-secondary: #0f2250;
  --bg-tertiary: #13295d;
  --bg-hero: #1a4aa8;
  --accent: #ffcd46;
  --accent-hover: #ffd966;
  --accent-dark: #d4a82e;
  --ember: #f59a23;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #a9b8d8;
  --line: #22407e;
  --card-bg: #0c1d47;
  --footer-bg: #f8fafc;
  --footer-text: #334155;
  --footer-muted: #475569;
  --footer-link: #1b3a8a;
  --footer-line: #e2e8f0;
  --ink-on-accent: #0a1a3f;
}

body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

.contentSection {
  background: var(--bg-secondary);
}
.contentSection:nth-of-type(odd) {
  background: var(--bg-tertiary);
}

.contentSection.harborView {
  background: radial-gradient(circle at 78% 40%, var(--bg-hero) 0%, var(--bg-tertiary) 55%, var(--bg-primary) 100%);
}

.sectionLead,
.sectionText { color: var(--text-secondary); }
.heroEyebrow,
.sectionKicker { color: var(--accent); }