:root {
    --color-background-primary:#131313;
    --color-background-secondary:#313131;

    --color-text-primary:#717171;
    --color-text-secondary:#515151;

    --color-accent-primary:#84b6f4;
    --color-accent-secondary:blue;

    --color-accent-success:green;
    --color-accent-warning:yellow;
    --color-accent-error:red;


}


:root {
    /* Html */
    /* --html-font-size:62.5%; */
    --html-background-color:var(--color-background-primary);
    /*--html-background-image :url();*/
    /*--html-line-height:1.6; */
    /*--html-font-weight:400; */
    /*--html-view-height:100%; */
    /*--html-view-width:100%; */
    --html-text-color:var(--color-text-primary);
    /* Body */
    /*--body-font-size:15px; */
    /* Scroll */
    /* Selection */
    --selection-text-color      :var(--color-background-primary);
    --selection-background-color:var(--color-accent-primary);
    /* H */
    /*--h-font-weight:800; */
    /*--h-font-size:15px; */
    /*--h-line-height:1.6; */
    /*--h-letter-spacing:0.25px; */
    /*--h-margin-bottom:15px; */
    --h-text-color:var(--color-text-primary);
    /*--h1-line-height:1.2; */
    /*--h1-font-size:56px; */
    /*--h2-line-height:1.25; */
    /*--h2-font-size:43px; */
    /*--h3-line-height:1.3; */
    /*--h3-font-size:34px; */
    /*--h4-line-height:1.35; */
    /*--h4-font-size:27px; */
    /*--h5-line-height:1.4; */
    /*--h5-font-size:22px; */
    /*--h6-line-height:1.5; */
    /*--h6-font-size:18px; */
    /* Flex */
    /*--row-margin:7.5px; */
    /*--col-margin:7.5px; */
    --highlight-text-color:var(--color-accent-primary);
    --background-text-color:var(--color-text-secondary);
    /* Box */
    /*--box-width-s:15%; */
    /*--box-width-m:25%; */
    /*--box-width-l:35%; */
    /*--box-width-xl:50%; */
    /*--box-height-max:35%; */
    /*--box-padding:15px; */
    /*--box-border-width:1px; */
    --box-border-color:var(--color-background-primary);
    /*--box-border-radius:4px; */
    /*--box-shadow-x:0px; */
    /*--box-shadow-y:3px; */
    /*--box-shadow-blur:8px; */
    /*--box-shadow-color:var(--shadow-color); */
    --box-border-info:var(--color-accent-primary);
    --box-border-success:var(--color-accent-success);
    --box-border-warning:var(--color-accent-warning);
    --box-border-error:var(--color-accent-error);
    /* Flex */
    /*--flex-padding:15px; */
    /*--flex-margin:7.5px; */
    /* Buttons */
    --a-background-color:var(--color-accent-primary);
    --a-border-color:var(--color-accent-primary);
    /*--a-border-width:1px; */
    /*--a-border-radius:4px; */
    --a-text-color:var(--color-background-primary);
    /*--a-margin-bottom:7.5px; */
    /*--a-padding-vertical:2px; */
    /*--a-padding-horizontal:2px; */

    --a-light-background:var(--color-light);
    --a-light-border:var(--color-light);
    --a-light-text:var(--color-background-primary);
    --a-light-error:var(--color-accent-error);
    --a-light-warning:var(--color-accent-warning);
    --a-light-info:var(--color-accent-info);

    --a-primary-background:transparent;
    --a-primary-border:var(--color-accent-primary);
    --a-primary-text:var(--color-accent-primary);
    --a-primary-error:var(--color-accent-error);
    --a-primary-warning:var(--color-accent-warning);
    --a-primary-info:var(--color-accent-info);

    --a-on-background:var(--color-accent-primary);
    --a-on-border:var(--color-accent-primary);
    --a-on-text:var(--color-background-primary);
    /* Inputs */
    --input-background-color:var(--color-background-primary);
    --input-border-color:var(--color-background-primary);
    --input-border-info:var(--color-accent-primary);
    /*--input-border-width:1px; */
    /*--input-border-radius:4px; */
    --input-text-color:var(--color-text-primary);
    /*--input-margin-bottom:7.5px; */
    /*--input-line-height: 1.6; */
    /*--input-padding-horizontal:7.5px; */
    /*--input-padding-vertical:2px; */
    /*--input-icon-padding:7.5px; */

}