* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    --blur-amount: 10px;
    --border-radius: 15px;
    --shadow-color: rgba(0, 0, 0, 0.4);
}

*[theme="default"] {
    --background: linear-gradient(135deg, #1a2a6c, #2a4858, #141E30);
    --glow-color: rgba(255, 255, 255, 0.3);
    --message-bubble-color: rgba(255, 255, 255, 0.1);
    --border-color: rgba(255, 255, 255, 0.1);
    --text-color: #ffffff;

}

*[theme="light"] {
    --background: #ffffff;
    --glow-color: rgba(100, 149, 237, 0.3);
    --message-bubble-color: rgba(100, 149, 237, 0.1);
    --border-color: rgba(100, 149, 237, 0.2);
    --text-color: #000000;
}

*[theme="dark"] {
    --background: linear-gradient(135deg, #121212, #1a1a1a, #232323);
    --glow-color: rgba(147, 112, 219, 0.4);
    --message-bubble-color: rgba(147, 112, 219, 0.15);
    --border-color: rgba(255, 255, 255, 0.1);
    --text-color: #ffffff;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: var(--background);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--text-color, white);
}