/* Root */
:root {
    /* Site Fonts */
    --defaultFont: "Montserrat", sans-serif;
    --titleFont: "Montserrat", sans-serif;

    /* Site Themes */
    --light: #F5F5F7;
    --light01: #E8E8ED;
    --light02: #DDDDE4;

    --dark: #09090B;
    --dark01: #111114;
    --dark02: #1C1C21;
    --dark03: #2b2b31;

    --stageBackground: var(--dark02);

    --a: #0080FF;

    /* UI Config */
    --uiFaded: rgba(0, 0, 0, 0.3);
    --uiGlass2: rgba(255, 255, 255, 0.5);

    --uiGlass: rgba(255, 255, 255, 0.01);
    --uiGlassHightlight: rgba(245, 245, 247, 0.1);
    --uiBlur: blur(10px);
    --uiBorder: 1px solid rgba(245, 245, 247, 0.1);
    --uiShadow: 0 0 10px rgba(0, 0, 0, 0.4);

    --live: #00FFF2;
    --livePulse: rgba(0, 255, 242, 1);

    --r: 2rem;
    --g: 1rem;
    --sidebarWidth: 3.25rem;
    --botSidebarWidth: 2rem;

    --defaultBorder: 1px solid var(--dark03);
    --frostedBorder: 1px solid  rgba(245, 245, 247, 0.1);
    --glassFrosted: rgba(245, 245, 247, 0.07);
    --glassFrostedHover: rgba(245, 245, 247, 0.1);

    /* Shadow ------------------------------------------------- */
    --s: 0 8px 13px 0x rgba(0, 0, 0, 0.4);

    --articleWidth: 900px;
    --articleGap: 1rem;

    /* Screen Sizing */
    --screenSize: 1920px;

    /* Animations */
    --bounce: bounce 0.25s;
}