:root:root {
  --color-brand: #1d4c42;
  --color-brand-dark: #16382f;
  --color-brand-soft: #e6eeea;
  --color-brand-text: #ffffff;
  --color-accent: #ff6358;
  --color-accent-dark: #ec5147;
  --color-accent-soft: #ffe5e2;
  --color-accent-text: #ffffff;
  --color-yellow: #f5c132;
  --color-blue: #97c2e2;
  --color-lav: #d0a6cc;
  --color-mint: #a0d8c9;
  --color-paper: #f2f4ef;
  --color-card: #ffffff;
  --color-soft: #f5f7f2;
  --color-ink: #233a34;
  --color-muted: #818976;
  --color-faint: #9b9e98;
  --color-line: #e7e6e2;
  --color-hero-from: #235b50;
  --color-hero-to: #16382f;
  --color-hero-text: #ffffff;
}