:root {
  --brand-ink: #20272B;
  --brand-primary: #087F8C;
  --brand-primary-hover: #066571;
  --brand-surface: #FFFFFF;
  --brand-background: #F5F7F8;
  --brand-muted: #52616B;
  --brand-border: #DCE3E6;
  --brand-radius: 10px;
  --brand-font-heading: 'Poppins', sans-serif;
  --brand-font-body: 'Montserrat', sans-serif;
  /* HSL channels for the existing hsl(var(--token)) app theme. */
  --brand-ink-hsl: 201.818 14.667% 14.706%;
  --brand-primary-hsl: 185.909 89.189% 29.020%;
  --brand-surface-hsl: 0 0% 100%;
  --brand-background-hsl: 200 17.647% 96.667%;
  --brand-muted-hsl: 204 13.228% 37.059%;
  --brand-border-hsl: 198 16.667% 88.235%;
}