Instruction file imported from bruno-vferreira/template-monorepo-windsurf (.github/instructions/config/style-guide-color-palette.instructions.md). Copyright stays with the author.

Create color palette

@layer base {
    :root {
      --background: 155 36% 100%;
      --foreground: 155 71% 1%;
      --muted: 155 5% 95%;
      --muted-foreground: 155 8% 33%;
      --popover: 155 36% 100%;
      --popover-foreground: 155 71% 1%;
      --card: 155 36% 100%;
      --card-foreground: 155 71% 1%;
      --border: 155 13% 90%;
      --input: 155 13% 90%;
      --primary: 155 58% 29%;
      --primary-foreground: 0 0% 100%;
      --secondary: 155 14% 80%;
      --secondary-foreground: 155 14% 20%;
      --accent: 155 23% 71%;
      --accent-foreground: 155 23% 11%;
      --destructive: 8 87% 43%;
      --destructive-foreground: 0 0% 100%;
      --ring: 155 58% 29%;
      --chart-1: 155 58% 29%;
      --chart-2: 155 14% 80%;
      --chart-3: 155 23% 71%;
      --chart-4: 155 14% 83%;
      --chart-5: 155 61% 29%;
      --radius: 0.5rem;
    }
  
    .dark {
      --background: 155 30% 0%;
      --foreground: 155 29% 98%;
      --muted: 155 5% 5%;
      --muted-foreground: 155 8% 67%;
      --popover: 155 30% 0%;
      --popover-foreground: 155 29% 98%;
      --card: 155 30% 0%;
      --card-foreground: 155 29% 98%;
      --border: 155 13% 15%;
      --input: 155 13% 15%;
      --primary: 155 58% 29%;
      --primary-foreground: 0 0% 100%;
      --secondary: 155 10% 18%;
      --secondary-foreground: 155 10% 78%;
      --accent: 155 19% 25%;
      --accent-foreground: 155 19% 85%;
      --destructive: 8 87% 49%;
      --destructive-foreground: 0 0% 100%;
      --ring: 155 58% 29%;
      --chart-1: 155 58% 29%;
      --chart-2: 155 10% 18%;
      --chart-3: 155 19% 25%;
      --chart-4: 155 10% 21%;
      --chart-5: 155 61% 29%;
    }
  }