/* FuturIntrosWebApp\Front\Style.css */
* {
    padding: 0;
    margin: 0;
}
html.light-theme {
    --bg-color: white;
    --mainPageContent-bg-color: #f5f5f5;
    --button-bg-color: #30456021;
    --input-bg-color: #30456021;
    --task-div-bg-color: #ffffff;
    --text-color: #304560;
    --border-color: #000000;
    --unselected-text-color: #30456071;
    --subTask-border-color: #000000;
    --AddSubTaskBtn-bg-content: #d6d6d66e;
    --AddSubTaskDocBtn-bg-content: #d6d6d66e;
    --TextArea-bg: #d6d6d66e;
    --PlaceHolder-color: #3045608c;
}
html.dark-theme {
    --bg-color: #090a0d;
    --mainPageContent-bg-color: #090a0d;
    --button-bg-color: #a2aab921;
    --input-bg-color: #a2aab921;
    --task-div-bg-color: #0e1014;
    --text-color: #aaaebb;
    --border-color: #1b1d25;
    --unselected-text-color: #aaaebb80;
    --TaskDivHeader-bg-content: #0b0d11;
    --subTask-border-color: #c2c2c2;
    --AddSubTaskBtn-bg-content: #1d1f2b6e;
    --AddSubTaskDocBtn-bg-content: #1d1f2b6e;
    --TextArea-bg: #1d1f2b6e;
    --PlaceHolder-color: #aaaebb8c;
}
body {
    background-color: var(--bg-color);
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}
body::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 160%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(160, 160, 160, 0.05) 0%, rgba(255, 255, 255, 0.001) 30%);
}