:root {
      --background: hsl(0, 0%, 94.12%);
      --foreground: hsl(231 31% 12%);
      --card: hsl(0 0% 100%);
      --card-foreground: hsl(231 31% 12%);
      --popover: hsl(0 0% 100%);
      --popover-foreground: hsl(231 31% 12%);
      --primary: hsl(232 51% 38%);
      --primary-foreground: hsl(0 0% 100%);
      --secondary: hsl(231 81% 56%);
      --secondary-foreground: hsl(0 0% 100%);
      --muted: hsl(228 24% 96%);
      --muted-foreground: hsl(231 15% 45%);
      --accent: hsl(184 75% 62%);
      --accent-foreground: hsl(0 0% 4%);
      --destructive: hsl(0 84% 60%);
      --destructive-foreground: hsl(0 0% 100%);
      --border: hsl(229 22% 90%);
      --input: hsl(229 22% 90%);
      --ring: hsl(232 51% 45%);
      --chart-1: hsl(232 51% 38%);
      --chart-2: hsl(231 81% 56%);
      --chart-3: hsl(184 75% 62%);
      --chart-4: hsl(232 51% 38%);
      --chart-5: hsl(231 81% 56%);
      --sidebar: hsl(0 0% 100%);
      --sidebar-foreground: hsl(231 31% 12%);
      --sidebar-primary: hsl(232 51% 38%);
      --sidebar-primary-foreground: hsl(0 0% 100%);
      --sidebar-accent: hsl(228 24% 96%);
      --sidebar-accent-foreground: hsl(231 31% 12%);
      --sidebar-border: hsl(229 22% 90%);
      --sidebar-ring: hsl(232 51% 45%);
  }