:root {
      --background: 130 33% 100%;
      --foreground: 130 77% 3%;
      --muted: 130 29% 93%;
      --muted-foreground: 130 2% 27%;
      --popover: 130 33% 100%;
      --popover-foreground: 130 77% 3%;
      --card: 130 33% 100%;
      --card-foreground: 130 77% 3%;
      --border: 130 7% 95%;
      --input: 130 7% 95%;
      --primary: 39 100% 57%;
      --primary-foreground: 130 4% 87%;
      --secondary: 358 5% 18%;
      --secondary-foreground: 130 12% 29%;
      --accent: 130 12% 89%;
      --accent-foreground: 130 12% 29%;
      --destructive: 19 83% 41%;
      --destructive-foreground: 0 0% 100%;
      --ring: 130 4% 27%;
      --radius: 0.5rem;
      --container-p-default: 5px;
      --container-p-sm: 5px;
      --container-p-lg: 5px;
      --container-p-xl: 25px;
      --container-p-2xl: 25px;
    
      --container-mw-sm: ;
      --container-mw-md: 715px;
      --container-mw-lg: 992px;
      --container-mw-xl: 1145px;
      --container-mw-2xl: 1345px;
    }
  
    .dark {
      --background: 130 39% 1%;
      --foreground: 130 11% 99%;
      --muted: 130 29% 7%;
      --muted-foreground: 130 2% 73%;
      --popover: 130 39% 1%;
      --popover-foreground: 130 11% 99%;
      --card: 130 39% 1%;
      --card-foreground: 130 11% 99%;
      --border: 130 7% 15%;
      --input: 130 7% 15%;
      --primary: 12 5% 18%;
      --primary-foreground: 130 4% 87%;
      --secondary: 348 5% 18%;
      --secondary-foreground: 130 7% 71%;
      --accent: 130 7% 11%;
      --accent-foreground: 130 7% 71%;
      --destructive: 19 83% 50%;
      --destructive-foreground: 0 0% 100%;
      --ring: 130 4% 27%;
    }
  }