:root {
  --color-primary: #2D3B36;
  --color-secondary: #567A5B;
  --color-tertiary: #4E8A8E;
  --color-header-background: #2D3B36;
  --surface-bg-cream: #f0efed;
  --surface-dark-0: #202b27;
  --surface-dark-1: #0a1713;
  --color-grey-50: #ecfdf7;
  --color-grey-100: #dff0ea;
  --color-grey-200: #bfd0ca;
  --color-grey-300: #a8b9b3;
  --color-grey-400: #73837d;
  --color-grey-500: #505f5a;
  --color-grey-600: #434e4a;
  --color-grey-700: #353c3a;
  --color-grey-800: #202b27;
  --color-grey-900: #0a1713;
  --brand-logo-width-mobile: 154px;
  --brand-logo-height-mobile: 34px;
  --brand-logo-width-desktop: 172px;
  --brand-logo-height-desktop: 38px;
}