:root {
    /* Define primary colors. You can adjust these to match your theme better. */
    --primary-color: #7b68ee; /* A vibrant purple for primary actions */
    --primary-light: #9a88ff;
    --secondary-color: #5d5c61; /* A dark grey for subtle elements */
    --accent-color: #b0e0e6; /* A light blue for highlights */
    --text-color: #cdd6f4; /* Your existing text color */
    --input-bg: rgba(255, 255, 255, 0.1); /* Slightly transparent white for inputs */
    --button-text-color: #ffffff;
    --glass-background: rgba(255, 255, 255, 0.1); /* Lighter transparency for glass effect */
    --glass-border: rgba(255, 255, 255, 0.2);
    --shadow-light: rgba(0, 0, 0, 0.15);
    --shadow-strong: rgba(0, 0, 0, 0.3);
}
@keyframes gradientAnimation {
  0% {
    background: linear-gradient(45deg, green, red, black);
  }
  12.5% {
    background: linear-gradient(45deg, yellow, orange, red);
  }
  25% {
    background: linear-gradient(45deg, black, red, green);
  }
  50% {
    background: linear-gradient(45deg, yellow, blue, violet);
  }
  62.5% {
    background: linear-gradient(45deg, green, black, indigo);
  }
  75% {
    background: linear-gradient(45deg, red, orange, blue);
  }
  87.5% {
    background: linear-gradient(45deg, red, indigo, gray);
  }
  100% {
    background: linear-gradient(45deg, green, black, red);
  }
}
  @keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  body[background="animated-gradient"] {
    background: linear-gradient(270deg, #ff007f, #00ff7f, #007fff, #ff7f00, #ff00ff);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
    --text: #cdd6f4;
    --primary-color: #cdd104;  /* vivid pink */
    --primary-light: orange;  /* lighter pink */
  }

  @keyframes gradient {
    0% {
      background: linear-gradient(45deg, green, red, black);
    }
    12.5% {
      background: linear-gradient(45deg, yellow, orange, red);
    }
    25% {
      background: linear-gradient(45deg, black, red, green);
    }
    50% {
      background: linear-gradient(45deg, yellow, blue, violet);
    }
    62.5% {
      background: linear-gradient(45deg, green, black, indigo);
    }
    75% {
      background: linear-gradient(45deg, red, orange, blue);
    }
    87.5% {
      background: linear-gradient(45deg, red, indigo, gray);
    }
    100% {
      background: linear-gradient(45deg, green, black, red);
    }
  }

  body[background="cuhuacadfeelinsadaintnobodycareifugoodorbad"] {
    background: linear-gradient(270deg, #ff007f, #00ff7f, #007fff, #ff7f00, #ff00ff);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
    --text: #cdd6f4;
    --primary-color: blue;
    --primary-light: lightblue;
  }

  body[background="cuhs3"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
     url("/assets/media/background/poppingthatGTV.jpg") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
    --primary-color: #ff5c79;      /* Soft pink-red */
    --primary-light: #ffa1a9;      /* Light pink */
  }

  body[background="cuhs"] {
   background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("/assets/media/background/stadning.jpg") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
    --primary-color: #7cffdb;      /* Aquamarine */
    --primary-light: #b9fff0;      /* Light aquamarine */
  }

  body[background="cuhs2"] {
   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url("/assets/media/background/Pacificthatis.jpg") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4; 
    --primary-color: #7b68ee;
    --primary-light: #9a88ff;
  }

  body[background="catppuccin-frappe"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
     url("/assets/media/background/skibididdy.jpg") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
    --primary-color: #7cc1ff;      /* Soft sky blue */
    --primary-light: #b9d9ff;
  }

  body[background="catppuccin-macchiato"] {
   background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("/assets/media/background/rizzyaf.gif") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
    --primary-color: #63b3ff;       /* Bright sky blue */
    --primary-light: #a3d1ff;       /* Lighter sky blue */
  }

body[background="skibididdy"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("https://gifdb.com/images/high/cyberpunk-pixel-city-neon-2bagugxcfp2to7tx.gif") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="waitWHAT"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/urealizetonight.gif") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
  --primary-color: #FDCB6E;
  --primary-light: #FFEAA7;
}

  body[background="catppuccin-mocha"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
    url("/assets/media/background/senkbucketup.webp") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
    --primary-color: #f5a97f;       /* Warm peach */
    --primary-light: #f9c7ad;       /* Light warm peach */
  }

  body[background="cuh"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
     url("/assets/media/background/canthurtmewmyogscantnerfmesandyop.png") no-repeat center center fixed;
    background-size: cover;
    --shadow: rgba(0, 0, 0, 0.01);
    --text: #cdd6f4;
--primary-color: #32CD32;
--primary-light: #A6FF00;

 }
body[background="gg"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/gg.jpg") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
} 
body[background="ggccc"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/ggccc.jpg") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
/* body[theme="bro"] {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url("/assets/media/background/320630.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;   
    --primary-light: #FF4D4D;     
}*/
body[background="whatare"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/600473.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="youdoing"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/1330526.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
/* body[theme="overhere"] {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url("/assets/media/background/1331867.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;    
    --primary-light: #FF4D4D;      
}*/
body[background="ru"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/1337139.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="bi"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/1337140.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="new"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/new.jpg") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="nnew"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/nnew.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="notnew"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/notnew.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}
body[background="nnotnew"] {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
                url("/assets/media/background/nnotnew.png") no-repeat center center fixed;
    background-size: cover;
    --text: #cdd6f4;
    --primary-color: #FF0000;      /* Vivid Red */
    --primary-light: #FF4D4D;      /* Lighter Vivid Red */
}