:root {
    --COLOR_ACTION: #e78c46;
    --COLOR_ACTION_REPLACEALL: #e78c46;
    --COLOR_ACTION_REPLACEALL_LIGHTER: #f0a770;
    --COLOR_DARKER_BG: #171b36;
    --COLOR_DARK_BG: #202449;
    --COLOR_BG: #2e3469;
    --COLOR_LIGHT_BG: #424a8f;
    --COLOR_LIGHTER_BG: #6e73a7;

    --FONT_SIZE_SMALLER: 1.0em;
    --FONT_SIZE_SMALL: 1.2em;
    --FONT_SIZE_NORMAL: 1.5em;
    --FONT_SIZE_BIG: 2.0em;

    --COLOR_button-bg: #1A5276;
    /* Used for: background-color in .button */

    --COLOR_button-hover-bg: #0B3C5D;
    /* Used for: background-color in .button:hover */

    --COLOR_header-textarea-bg: #34495E;
    /* Used for: background-color in header, #new-doc-form input[type="submit"]:hover, .new-doc-response-createfirstdraft:hover, #inspiration */

    --COLOR_nav-button-bg: #5D6D7E;
    /* Used for: background-color in .nav-button, .new-doc-response-createfirstdraft */

    --COLOR_nav-button-hover-submit-bg: #3498DB;
    /* Used for: background-color in .nav-button:hover, #new-doc-form input[type="submit"], .new-doc-response-createfirstdraft */

    --COLOR_header-loginbtn-bg: #2ECC71; /* A vibrant green color */
    --COLOR_header-loginbtn-hover-bg: #27AE60; /* A slightly darker shade for hover effect */
    
    --COLOR_form-style-bg: #F4F6F7;
    /* Used for: background-color in .new-doc-form_style */

    --COLOR_form-style-bg-txtarea: white;
    /* #new-doc-form textarea and selectbg */    

    --COLOR_heading-label: #212F3D;
    /* Used for: color in .txtstyle_h1, .txtstyle_h2 */

    --COLOR_div: #1C2833;
    /* Used for: color in .txtstyle_h3 */

    --COLOR_div-description: #566573;
    /* Used for: color in .txtstyle_h4 */

    /* Loading Logo Animation */
    --COLOR_loader-border-1: #B2BABB;
    /* Used for: border-top, border-color in .loader, 0%, 25%, 50%, 75%, 100% */

    --COLOR_loader-border-2: #AEB6BF;
    /* Used for: border-right, border-color in .loader, 0%, 25%, 50%, 75%, 100% */

    --COLOR_loader-border-3: #A6ACAF;
    /* Used for: border-bottom, border-color in .loader, 0%, 25%, 50%, 75%, 100% */

    --COLOR_loader-border-4: #85929E;
    /* Used for: border-left, border-color in .loader, 0%, 25%, 50%, 75%, 100% */
}