.banksa {
  --banksa-blue: 213.89 100% 21.18%;
  --banksa-blue-light: 185.08 100% 37.06%;
  --banksa-red: 354.92 77.78% 47.65%;
  --banksa-white: 0 0% 100%;
  --banksa-grey-light: 180 3.45% 94.31%;
  --banksa-grey-dark: 0 0% 20%;

  --primary: var(--banksa-red);
  --secondary: var(--banksa-blue);
  --foreground: var(--banksa-grey-dark);
  --accent: var(--banksa-grey-light);

  --header-background: hsl(var(--banksa-white));
  --header-foreground: hsl(var(--banksa-grey-dark));
  --footer-background: hsl(var(--banksa-white));
  --footer-foreground: var(--banksa-grey-dark);

  --milestone-header-background: hsl(var(--banksa-white));
  --milestone-foreground: hsl(var(--banksa-grey-dark));

  --text-heading: var(--banksa-grey-dark);
  --text-subheading: var(--banksa-grey-dark);

  --card-highlight-light-background: hsl(var(--banksa-white));
}