/* Default theme */
:root {
    --primary-color: #228B22;
    --accent-color: #FF6F61;
    --background-color: rgb(85, 107, 47);
    --background-color-opaque: rgb(85, 107, 47,0.5);
    --text-color: #FFF5E1;
    --background-image: url(https://metree.in/uploads/colorful.jpg);

}

/* Luminous Horizon theme */
[data-theme="luminous-horizon"] {
    --primary-color: #4A148C;
    --accent-color: #FFEB3B;
    --background-color: rgb(26, 35, 126);
    --background-color-opaque: rgb(26, 35, 126,0.5);
    --text-color: #F3F4F7;
    --background-image: url(https://metree.in/uploads/flower-bg.jpg);

}

/* Velvet Canvas theme */
[data-theme="velvet-canvas"] {
    --primary-color: #800020;
    --accent-color: #F5DEB3;
    --background-color: rgb(51, 51, 51);
    --background-color-opaque: rgb(51, 51, 51,0.5);
    --text-color: #FFFFF0;
    --background-image: url(https://metree.in/uploads/nature-bg.jpg);
}

/* Stellar Path theme */
[data-theme="stellar-path"] {
    --primary-color: #007BFF;
    --accent-color: #C0C0C0;
    --background-color: rgb(10, 10, 10);
    --background-color-opaque: rgb(10, 10, 10,0.5);
    --text-color: #E5E5E5;
    --background-image: url(https://metree.in/uploads/color-brick-bg.jpg);
}


/* Infinite Skies theme */
[data-theme="infinite-skies"] {
    --primary-color: #87CEEB;
    --accent-color: #FFC0CB;
    --background-color: rgb(224, 224, 224);
    --background-color-opaque: rgb(224, 224, 224,0.5);
    --text-color: #1A1A7A;
    --background-image: url(https://metree.in/uploads/art-bg.png);
}

/* Serene Streams theme */
[data-theme="serene-streams"] {
    --primary-color: #008080;
    --accent-color: #E0FFFF;
    --background-color: rgb(125, 125, 125);
    --background-color-opaque: rgb(125, 125, 125,0.5);
    --text-color: #F8F8F8;
    --background-image: url(https://metree.in/uploads/color-bg.jpg);
}

/* Crimson Dawn theme */
[data-theme="crimson-dawn"] {
    --primary-color: #DC143C;
    --accent-color: #FF4500;
    --background-color: rgb(75, 0, 130);
    --background-color-opaque: rgb(75, 0, 130,0.5);
    --text-color: #FFEBCD;
    --background-image: url(https://metree.in/uploads/nebula-bg.jpg);
}

/* Quantum Bloom theme */
[data-theme="quantum-bloom"] {
    --primary-color: #C71585;
    --accent-color: #00FF00;
    --background-color: rgb(26, 26, 26);
    --background-color-opaque: rgb(26, 26, 26,0.5);
    --text-color: #DCDCDC;
    --background-image: url(https://metree.in/uploads/water.jpg);
}

/* Aurora Drift theme */
[data-theme="aurora-drift"] {
    --primary-color: #50C878;
    --accent-color: #AFEEEE;
    --background-color: rgb(59, 28, 101);
    --background-color-opaque: rgb(59, 28, 101,0.5);
    --text-color: #E6E6FA;
    --background-image: url(https://metree.in/uploads/music.jpg);
}

/* Silver Cascade theme */
[data-theme="silver-cascade"] {
    --primary-color: #C0C0C0;
    --accent-color: #4682B4;
    --background-color: rgb(112, 128, 144);
    --background-color-opaque: rgb(112, 128, 144,0.5);
    --text-color: #F5F5F5;
    --background-image: url(https://metree.in/uploads/track.jpg);
}

/* Add more themes here... */