.utilitymarket {
  --background: 0 0% 100%;
  --foreground: 0 0% 0%;

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

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

  --primary: 14 100% 53.9%;
  --primary-foreground: 0 0% 100%;

  --secondary: 0 0% 9.41%;
  --secondary-foreground: 0 0% 100%;
  --muted: 0 0% 89%;
  --muted-foreground: 0 0% 34%;
  --accent: 0 4% 95%;
  --accent-foreground: 0 0% 0%;
  --destructive: 351 88% 50%;
  --destructive-foreground: 0 0% 99%;
  --information: 13 90% 92%;
  --information-foreground: 0 0% 20%;

  --border: 240 20% 96.1%;
  --input: var(--muted);
  --ring: var(--foreground);

  --radius: 0.75rem;
  --button-radius: 6rem;
  --input-radius: 0.625rem;
  --card-radius: 1rem;

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

  --header-background: hsl(var(--background));
  --header-foreground: hsl(var(--primary));
  --header-selected-background: hsl(var(--primary) / 0.2);
  --header-logo: hsl(var(--secondary));
  --footer-background: hsl(var(--secondary));
  --footer-foreground: var(--primary-foreground);

  --milestone-header-background: hsl(30 100% 90%);
  --milestone-background: hsl(30 100% 90%);
  --milestone-foreground: hsl(var(--foreground));
  --milestone-heading: hsl(var(--primary));
}