/**
 * @name Transparent Theme
 * @version ClearVision v7.0.0
 * @description Transparent Discord Theme Make Using ClearVision 7.0.0
 * @source https://github.com/ClearVision/ClearVision-v7
 * @website https://clearvision.github.io
 */
/* IMPORT CSS */
@import url("https://clearvision.github.io/ClearVision-v7/main.css");
@import url("https://clearvision.github.io/ClearVision-v7/betterdiscord.css");
/* SETTINGS */
:root {
    /* ACCENT COLORS */
    --main-color: #f38ba8;
    --hover-color: #f38ba8;
    --success-color: #a6e3a1;
    --danger-color: #982929;
    /* STATUS COLORS */
    --online-color: #a6e3a1;
    --idle-color: #fab387;
    --dnd-color: #982929;
    --streaming-color: #593695;
    --offline-color: #7f849c;
    /* APP BACKGROUND */
    --background-shading-percent: 100%;
    --background-image: transparent;
    --background-attachment: fixed;
    --background-filter: saturate(calc(var(--saturation-factor, 1) * 1));
    /* USER POPOUT BACKGROUND */
    --user-popout-image: var(--background-image);
    --user-popout-attachment: var(--background-attachment);
    --user-popout-filter: var(--background-filter);
    /* USER MODAL BACKGROUND */
    --user-modal-image: var(--background-image);
    --user-modal-attachment: var(--background-attachment);
    --user-modal-filter: var(--background-filter);
    /* HOME ICON */
    --home-icon: url(https://clearvision.github.io/icons/discord.svg);
    /* FONTS */
    --main-font: "gg sans", Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace;
}

/* THEME SPECIFIC SHADING */
/* LIGHT THEME */
:is(.theme-light, .theme-dark .theme-light) {
    --background-shading: rgba(252, 252, 252, 0.3);
    --card-shading: rgba(252, 252, 252, 0.3);
    --popout-shading: rgba(252, 252, 252, 0.7);
    --modal-shading: rgba(252, 252, 252, 0.5);
    --input-shading: rgba(0, 0, 0, 0.3);
    --normal-text: #36363c;
    --muted-text: #75757e;
}

/* ASH THEME */
:is(.theme-dark, .theme-light .theme-dark) {
    --background-shading: rgba(0, 0, 0, 0.4);
    --card-shading: rgba(0, 0, 0, 0.2);
    --popout-shading: rgba(0, 0, 0, 0.6);
    --modal-shading: rgba(0, 0, 0, 0.4);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #d8d8db;
    --muted-text: #aeaeb4;
}

/* DARK THEME */
:is(.theme-darker, .theme-light .theme-darker) {
    --background-shading: rgba(0, 0, 0, 0.6);
    --card-shading: rgba(0, 0, 0, 0.3);
    --popout-shading: rgba(0, 0, 0, 0.7);
    --modal-shading: rgba(0, 0, 0, 0.5);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #fbfbfb;
    --muted-text: #94949c;
}

/* ONYX THEME */
:is(.theme-midnight, .theme-light .theme-midnight) {
    --background-shading: rgba(0, 0, 0, 0.8);
    --card-shading: rgba(0, 0, 0, 0.4);
    --popout-shading: rgba(0, 0, 0, 0.8);
    --modal-shading: rgba(0, 0, 0, 0.6);
    --input-shading: rgba(255, 255, 255, 0.05);
    --normal-text: #dcdcde;
    --muted-text: #86868e;
}

/* ADD ADDITIONAL CSS BELOW HERE */