/* Figma Styles of your File */
:root {
    /* Colors */
    --background: #252525;
    --text: #f0f2dd;
    --normal-text: #F7F7F7;
    --stroke: #ce9e6d;
    --progress: #FFFFFF;
    --field_text: #483121;
    --field_background: #323232;
    --button: rgba(30, 30, 30, 0.9);
    --button_text: #EEEEEE;
    --button-stroke: #808080;
    --button_hover: rgba(30,30,30,0.7);
    --button_text_hover: #FFFFFF;
    --input_bg: rgba(32,32,32,0.8);
    --input_text: #f0f2dd;
    --input_stroke: #999999;
    --input_title: #C0C0C0;
    --input_placeholder: #A0A0A0;
    --bar_bg: rgba(22,22,22,0.8);
    --bar-stroke: #808080;
    --selected-bar-button: rgba(212,170,0,0.2);
    --panel-text: #f0f2dd;
    --panel-head-text: #C0C1B2;
    --panel-background: rgba(32,32,32,0.9);
    --panel-stroke: #404040;
    --icon_color_selected: #D4AA00;
    --icon_color: #6B6854;
    --dialog-stroke: #404040;
    --dialog-background: rgba(32,32,32,0.9);
    --dialog-text: #f0f2dd;
    --statistics-background: rgba(32,32,32,0.6);
    --icon-admin: orange;
    --border-color-online: lightgreen;
    --correction-border: rgba(256,0,0,0.4);
    --correction-background: rgba(256,0,0,0.2);
    /* Effects */
}