@charset "UTF-8";

:root
{
    --color-primary: #E1E1E1;
    --color-secondary: #B1B1B1;
    --color-text: #121212;
    --color-action: #008A06;




    --color-bg: #000000;
    --color-bg-indicator: #00000063;
    --color-text-indicator: #00000038;



    --color-panel: #4fa7ff;
    --color-input: #F2F2F2;
    --color-btn: #2a44ce;


    --color-secondary-text: #1c95aa;
    --color-secondary-accent: #0584f4;

    --color-group-blue: #456EFE;
    --color-group-green: #349A31;
    --color-group-red: #E86868;
    --color-group-yellow: #FBFE5C;
    --color-group-orange: #E28630;
    --color-group-grey: #bbbbbb;

}

@media (prefers-color-scheme: dark)
{
    :root
    {
        --color-primary: #121212;
        --color-secondary: #222222;
        --color-text: #E1E1E1;
        --color-action: #1CE324;

        --color-bg-indicator: #00000063;
        --color-text-indicator: rgba(91, 16, 16, 0.3);
    }
}

@media (prefers-color-scheme: light)
{


}