/* Classic skin*/
:root {
    /*region principal theme colours*/
    --color01: white; /*e.g ribbon background */
    --color02: grey; /*e.g ribbon text */
    --color03: var(--c8_sky); /*e.g button supplementary fills */
    --color04: #dea1aa; /*pink tint*/
    /*endregion principal theme colours*/

    /*region buttons*/
    --dropbutton_fill: var(--color03);
    --button_selected_background: none;
    --button_selected_background_image: linear-gradient(to bottom, #FFE373 0%, #FFF17D 50%, #FFFDC4 100%);
    --button_selected_border: var(--c8_orange);
    --radio_selected_background: #4184a4;
    /*endregion buttons*/

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

    /*endregion tabs */

    /*region ribbon*/

    /*region ribbon generalities - ribbon, groups, subgroups etc*/
    --ribbon_text_color: var(--c8_ink);
    --ribbon_background: none;
    --ribbon_background_image: linear-gradient(to bottom, #fdfdfd 0%, #F9F9FA 75%, #F7F7F7 84%, #e0e0e0 100%);
    --ribbon_nav_background: none;
    --ribbon_group_border: #c9c4cc;
    /*endregion ribbon generalities - ribbon, groups, subgroups etc*/

    /*region ribbon specifics - tabs */
    --ribbon_tab_text_color: #7079af;
    --ribbon_tab_hover: white;
    --ribbon_tab_background_image: linear-gradient(to bottom, #2ea6bf 5%, #ffffff 120%);
    --ribbon_tab_selected_color: #29324e;
    --ribbon_tab_selected_background: inherit;
    --ribbon_tab_selected_background_image: linear-gradient(to bottom, var(--ribbon_group_border) 0%, #FFF17D 5%, #ffffff 100%);
    /*endregion ribbon specifics - tabs */

    /*region ribbon  specifics - tab groups */
    --search_active: #d3dada;
    /*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: linear-gradient(to bottom, #FFFDC4 0%, #FFF17D 50%, #FFFDC4 100%);;
    --button_hover_border: var(--c8_orange);
    /*endregion ribbon  specifics - buttons*/

    /*region ribbon  specifics - individual controls */
    --file_open_arrow: var(--color03);
    --file_open_body: #ffdc69;
    --file_save_arrow: var(--color03);
    --file_save_body: #ffdc69;
    --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: #dddddd;
    --rings_theme_ring_60_fill: #2a2a2a;
    --rings_theme_ring_120_fill: #aaaaaa;
    --rings_theme_ring_00_60_intersect: var(--c8_orange);
    --rings_theme_ring_60_120_intersect: var(--c8_orange);
    --rings_theme_ring_00_120_intersect: var(--c8_orange);

    --licensing_fill:var(--color01);
    --licensing_lines:var(--color04);
    --licensing_seal: #cb231f;

    --gear_fill01:var(--color02);
    --gear_fill02:var(--color02);

    --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(--c8_sky);
    --zoom_buttons: var(--c8_sky);

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

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

    --c9icon-scope-unhighlighted: grey;
    --c9icon-scope-highlighted: red;

    --c9icon-123: grey;
    /*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(--color01);
    /*endregion*/

    /*region presentation*/
    --presentation_navigation_background_image:linear-gradient(to bottom, #e0e0e0 0%, #ffffff 50%, #e0e0e0 100%);
    --presentation_background: #f7f7f7;
    /*endregion presentation*/

    /*region c9i*/
    --import_plus: white;
    --import_square01:white;
    --import_square02:lightgrey;
    /*endregion c9i*/
}