:root:root {
  --color-brand: #3d5168;
  --color-brand-dark: #2d3d4f;
  --color-brand-soft: #e9edf3;
  --color-accent: #4f7cc9;
  --color-accent-dark: #3f66ab;
  --color-accent-soft: #e8f0fb;
  --color-yellow: #e3c27e;
  --color-blue: #8fb3d9;
  --color-lav: #b3a6cf;
  --color-mint: #93c9b4;
  --color-paper: #f6f7f9;
  --color-card: #ffffff;
  --color-soft: #eef1f5;
  --color-ink: #1f2a37;
  --color-muted: #687387;
  --color-faint: #9aa3b2;
  --color-line: #e6e9ef;
  --color-hero-from: #46607a;
  --color-hero-to: #2d3d4f;
  --color-hero-text: #ffffff;
}