:root {
    --background: #121212;
    --background-text: #ffffff;
    
    --surface: #121212;
    --surface-text: #ffffff;

    --surface--chat: #252525;
    --chat-text: #ffffff;

    --error: #CF6679;
    --error-text: #000000;
    
    --primary-color: #BB86FC;
    --primary-text: #000000;

    --secondary-color: #03DAC6;
    --secondary-text: #000000;

    --elevation-low: 0 1px 3px rgba(0, 0, 0, 0.2);
    --elevation-medium: 0 3px 6px rgba(0, 0, 0, 0.3);
    --elevation-high: 0 10px 20px rgba(0, 0, 0, 0.4);

    --radius: 10px;

  }

body, html {
    background-color: var(--background);
    color: var(--background-text);
    border-color: var(--border-color);
}


#navbar {
    color: var(--surface-text);
}


.chat-container{
    background-color: var(--surface--chat);
    color: var(--chat-text);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1)
}

.uk-comment {
    background-color: var(--surface--chat);
    color: var(--chat-text);
}

.StreamStatus{
    background-color: var(--surface--chat);
    color: var(--chat-text);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}