.offerchoice, .offerchoice-digital {
  --background: 0 0% 100%;
  --foreground: 231 87.1% 18.2%;

  --card: 0 0% 100%;
  --card-foreground: 210 11% 15%;

  --popover: 0 0% 100%;
  --popover-foreground: 210 11% 15%;

  --primary: 195.19 64.23% 24.12%;
  --primary-foreground: 0 0% 100%;

  --secondary: 231 87.1% 18.2%;
  --secondary-foreground: 0 0 100%;
  --muted: 0 0% 87%;
  --muted-foreground: 231 19.2% 51%;
  --accent: 0 0% 98%;
  --accent-foreground: var(--foreground);
  --destructive: 11 90% 40%;
  --destructive-foreground: 210 40% 98%;
  --information: 13 90% 92%;
  --information-foreground: 0 0% 20%;

  --border: 0 0% 67%;
  --input: var(--muted);
  --ring: var(--foreground);

  --radius: 0;
  --button-radius: 10rem;
  --input-radius: 0.5rem;
  --card-radius: 1.25rem;

  --font-family-heading: var(--font-dmsans);
  --font-family-body: var(--font-dmsans);

  --logo: url('/images/offerchoice/offerchoice-logo.webp');
  --header-background: hsl(var(--primary));
  --header-foreground: hsl(var(--background));
  --header-selected-background: hsl(var(--background) / 0.85);
  --header-logo: hsl(var(--primary-foreground));
  --footer-background: hsl(var(--primary));
  --footer-foreground: var(--background);

  --milestone-header-background: hsl(194 38% 79%);
  --milestone-background: hsl(194 38% 79%);
  --milestone-foreground: hsl(var(--foreground));
  --milestone-heading: hsl(var(--primary));
}