/* Modern Dark skin*/
:root {
    /*region principal theme colours*/
    --color01: #767676; /*e.g ribbon background */
    --color02: white; /*e.g ribbon text */
    --color03: aqua; /*e.g button supplementary fills */
    --color04: #dea1aa; /*pink tint*/
    /*endregion principal theme colours*/

    /*region buttons*/
    --dropbutton_fill: var(--color03);
    --button_selected_background: #4184a4;
    --button_selected_background_image: none;
    --button_selected_border: var(--color02);
    --radio_selected_background: #4184a4;
    /*endregion buttons*/

    /*region tabs*/
    --tabs_content_border:#B6BABF; /*border between tabs list and tabs content */
    --tabs_content_border_style:none;
    --tabs_content_border_radius:0;
    --tabs_text_color:var(--c8_ink);

    /*endregion tabs */

    /*region ribbon*/

    /*region ribbon generalities - ribbon, groups, subgroups etc*/
    --ribbon_text_color: var(--color02);
    --ribbon_background: var(--color01);
    --ribbon_background-image: none;
    --ribbon_nav_background: #c9c9c9;
    --ribbon_group_border: #c9c4cc;
    /*endregion ribbon generalities - ribbon, groups, subgroups etc*/

    /*region ribbon specifics - tabs */
    --ribbon_tab_text_color: var(--c8_ink);
    --ribbon_tab_hover: var(--color02);
    --ribbon_tab_background_image: none;
    --ribbon_tab_selected_color: white;
    --ribbon_tab_selected_background: var(--ribbon_background);
    --ribbon_tab_selected_background_image: none;
    /*endregion ribbon specifics - tabs */

    /*region ribbon  specifics - tab groups */
    --search_active: #99adad;
    /*endregion ribbon  specifics - tab groups*/

    /*region ribbon  specifics - subgroups */
    /*endregion ribbon  specifics - subgroups*/

    /*region ribbon specifics - buttons*/
    --button_hover_background: #33b4d3;
    --button_hover_background-image: none;
    --button_hover_border: var(--color02);
    /*endregion ribbon  specifics - buttons*/

    /*region ribbon  specifics - individual controls */
    --file_open_arrow: var(--color03);
    --file_open_body: #ffeb99;

    --file_save_arrow: var(--color03);
    --file_save_body: #ffeb99;
    --file_import_arrow: var(--color03);
    --file_import_body: var(--color02);

    --format_dates_background: var(--color02);
    --format_dates_number: var(--color03);

    --padlock_body: var(--color02);
    --padlock_keyhole: var(--color01);

    --paint_palette_background_inner: lightgrey;
    --paint_palette_background_outer: lightgrey;
    --paint_palette_brush: #545454;
    --paint_palette_brush-inner_tip: #545454;

    --people_person_front_body:var(--c8_sky);
    --people_person_front_head:var(--c8_orange);
    --people_person_mid_body:white;
    --people_person_mid_head:white;
    --people_person_rear_body:var(--c8_ink);
    --people_person_rear_head:var(--c8_magenta);

    --rings_theme_ring_00_fill: #ffffff;
    --rings_theme_ring_60_fill: #2a2a2a;
    --rings_theme_ring_120_fill: #aaaaaa;
    --rings_theme_ring_00_60_intersect: var(--color03);
    --rings_theme_ring_60_120_intersect: var(--color03);
    --rings_theme_ring_00_120_intersect: var(--color03);

    --licensing_fill:var(--color02);
    --licensing_lines:#202020;
    --licensing_seal: #cb231f;

    --gear_fill02:white;
    --gear_fill01:lightgrey;

    --abbreviation_term:var(--color01);
    --abbreviation_definition:var(--color01);

    --samples_back: lightgrey;
    --samples_mid: var(--color03);
    --samples_fore: var(--color04);

    --spring_01: var(--color02);

    --view_date: var(--color02);

    --view_content:var(--color02);
    --view_content-box_lid:--ribbon_background;

    --view_source:var(--color02);

    --play_buttons: var(--color02);
    --zoom_buttons: var(--color02);

    --c9icon-clipboard: var(--color02);
    --c9icon-printer: var(--color02);

    --checkbox2-background-color: lightgrey;
    --checkbox2-background-color-hover: var(--button_hover_background);
    --checkbox2-background-color-checked: var(--button_selected_background);

    --c9icon-scope-unhighlighted: lightgrey;
    --c9icon-scope-highlighted: yellow;

    --c9icon-123: #f3f3f3;
    --c9icon-abc: #f3f3f3;
    /*endregion ribbon  specifics - individual controls*/

    /*endregion ribbon*/

    /*region misc*/
    --product_version: var(--c8_magenta);
    /*endregion misc*/

    /*region $tooltips02 - data-tooltip attribute method*/
    /*Ref:https://freqdec.github.io/Pure-CSS-Tooltips*/
    --tooltip-color:var(--c8_ink);
    --tooltip-border-color:var(--c8_sky);
    --tooltip-border-radius:0;
    --tooltip-background-color:var(--color02);
    /*endregion*/

    /*region presentation*/
    --presentation_navigation: lightblue;
    --presentation_navigation_selected: dodgerblue;
    --presentation_background: #f7f7f7;
    /*endregion presentation*/
    /*region c9i*/
    --import_plus: #cb231f;
    --import_square01:green;
    --import_square02:red;
    /*endregion c9i*/
}
#c9ribbon {
    margin-top:-1px; /* prevent grey line */
}
.c9tabs-navigation li:not(.c9disabled):not(.c9selected):hover {
    background-image: none;
    background-color:var(--button_hover_background);
    color: var(--ribbon_tab_hover);


}