:root {
    --background: #e8f5e9;
    --text: #1b5e20;
    --white: #ffffff;
    --header-bg: #e8f5e9;
    --header-border: #388e3c;
    --hover: #4CAF50;
    --donate-btn: #4CAF50;
    --avatar-border: #388e3c;
    --donate-btn-border: #388e3c;
    --donate-btn-hover: #81c784;
    --dropdown-bg: #ffffff;
    --dropdown-border: #c8e6c9;
    --dropdown-hover: #f1f8e9;
}

.dark-theme {
    --background: #1b1b1b;
    --white: #1b1b1b;
    --text: #e0e0e0;
    --header-bg: #333333;
    --header-border: #555555;
    --hover: #76ff03;
    --avatar-border: #888888;
    --dropdown-bg: #424242;
    --dropdown-border: #616161;
    --dropdown-hover: #757575;
}

body{
    margin: 0;
    background-color: var(--background);
}

* {
    font-family: Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}