.st-george {
  --stgeorge-red: 0 100% 44.51%;
  --stgeorge-green: 86.58 71.17% 43.53%;
  --stgeorge-green-dark: 145.33 100% 26.47%;
  --stgeorge-green-darker: 162.5 100% 14.12%;
  --stgeorge-white: 0 0% 100%;
  --stgeorge-grey-light: 60 6.67% 94.12%;

  --primary: var(--stgeorge-red);
  --secondary: var(--stgeorge-green);
  --foreground: var(--stgeorge-green-darker);
  --accent: var(--stgeorge-grey-light);

  --header-background: hsl(var(--stgeorge-white));
  --header-foreground: hsl(var(--stgeorge-green-darker));
  --footer-background: hsl(var(--stgeorge-white));
  --footer-foreground: var(--stgeorge-green-darker);

  --milestone-header-background: hsl(var(--stgeorge-white));
  --milestone-foreground: hsl(var(--stgeorge-green-darker));

  --text-heading: var(--stgeorge-green-darker);
  --text-subheading: var(--stgeorge-green-darker);

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