/* dark theme (default) */
[data-theme="dark"] {
    --main-color: rgb(67, 43, 128);
    --hover-color: rgb(84, 53, 162);
    --success-color: #43b581;
    --warning-color: #fca253;
    --danger-color: #d64848;
    --info-color: #00b0f4;
    --text-normal: #ffffff;
    --text-muted: #72767d;
    --text-strong: #ffffff;
    --link-normal: #7289da;
    --link-hover: #5b78c0;
    --bg-page: rgb(67, 43, 128);
    --background-image: url('/static/img/backgrounds/background-dark.png');
    --bg-primary: rgba(0, 0, 0, 0.1);
    --bg-primary-light: rgba(255, 255, 255, 0.1);
    --bg-secondary: rgba(0, 0, 0, 0.2);
    --bg-secondary-light: rgba(255, 255, 255, 0.2);
    --bg-tertiary: rgba(0, 0, 0, 0.3);
    --bg-card: rgba(0, 0, 0, 0.4);
    --bg-modal: rgba(0, 0, 0, 0.5);
    --bg-popout: rgba(0, 0, 0, 0.6);
    --bg-input: rgba(0, 0, 0, 0.3);
    --border-color: rgba(255, 255, 255, 0.1);
    --border-hover: rgba(255, 255, 255, 0.2);
    --scrollbar-track: rgba(0, 0, 0, 0.1);
    --scrollbar-thumb: rgba(114, 118, 125, 0.4);
    --scrollbar-thumb-hover: rgba(114, 118, 125, 0.6);
    --btn-close-filter: invert(1);
    --table-stripe-bg: rgba(114, 137, 218, 0.05);
    --card-hover-shadow: rgba(67, 43, 128, 0.5);
    --input-focus-shadow: 0 0 0 2px rgba(67, 48, 128, 0.3), 0 0 8px rgba(114, 137, 218, 0.5);
    --warn: #fca253;
    --mute: #5772be;
    --unmute: #00ff7b;
    --kick: #f2a013;
    --ban: #d64848;
    --unban: #00ff7b;
    --home-bg: #121212;
    --home-nav-bg: #1e1535;
    --home-card-border: #1e1e1e;
    --home-text: #ffffff;
    --bs-body-color: var(--text-normal);
    color: var(--text-normal);
}

.theme-swatch[data-theme="dark"] {
    background: rgb(67, 43, 128);
}