@charset "UTF-8";

:root{

    color-scheme: light dark;

    --icon-tint: light-dark(#1c1b1d, #e6e1e3);

    /* Global */

    --selection_text_color: light-dark(#553F5D, #CBC4CC);
    --selection_background: light-dark(#F1D3F9, #553F5D);

    --link_text_color: light-dark(#6442d6, #9f86ff);
    --link_text_color_hover: light-dark(#1e0060, #e7deff);

    --text_color: light-dark(#1c1b1d, #e6e1e3);
    --muted_text_color: light-dark(#302f32, #ccc4c7);

    --header_background: light-dark(#F2ECEE, #211F21);
    --header_border_bottom: none;
    --header_text_color: light-dark(#4d4256, #cbc4cc);

    --header_message_border_top: light-dark(#E8E0E8, #4D4256);

    --footer_background: light-dark(#FEFBFF, #141314);
    --footer_border_top: light-dark(#E8E0E8, #4D4256);
    --footer_text_color: light-dark(#1c1b1d, #e6e1e3);

    /* Nav (header) button */

    --nav_text_color: light-dark(#1c1b1d, #e6e1e3);
    --nav_text_color_hover: light-dark(#151415, #efeaec);
    --nav_background_hover: light-dark(#E5DFE2, #2E2C2E);

    /* Card-Link M3 */

    --card_link_text_color: light-dark(#1c1b1d, #e6e1e3);
    --card_link_background: light-dark(#F8F1F6, #1C1B1D);
    --card_link_background_hover: light-dark(#dcdaf5, #45455A);

    /* li link M3 */

    --article_m3_link_text_color: light-dark(#4d4256, #E6E1E3);
    --article_m3_link_background_hover: light-dark(#ECE9EE, #222122);
    --article_m3_link_active_border_color: light-dark(#787579, #928F94);

    /* Card m3 */

    --card_m3_background: light-dark(#F8F1F6, #1C1B1D);
    --card_m3_header_border_color: light-dark(#E8E0E8, #4D4256);

    /* Button */

    --button_primary_text_color: light-dark(#FFFFFF, #1A0056);
    --button_primary_background: light-dark(#6442D6, #9F86FF);

    --button_primary_background_hover: light-dark(#7051D9, #A78FFF);
    --button_primary_background_disabled: light-dark(#47328c, #6a5e98);

    --button_primary_background_active: light-dark(#6442D6, #9F86FF);

    /* Text Field */

    --form_control_background: light-dark(#FEF7FF, #141218);
    --form_control_border_color: light-dark(#DDD5DD, #49464D);
    --form_control_background_focus: light-dark(#FEF7FF, #141218);
    --form_control_border_color_focus: light-dark(#8B6463, #8B6463);

    --form_control_text_color: light-dark(#1C1A1F, #AEA8B3);
    --form_control_text_color_focus: light-dark(#403D43, #B8B2BB);

    /* Footer */

    --footer_link_text_color: light-dark(#6442d6, #9f86ff);
    --footer_link_text_color_hover: light-dark(#1e0060, #e7deff);

    /* Main page */

    --main_page_background: light-dark(#FEFBFF, #141314);

    /* Table */

    --table_wrapper_border_color: light-dark(#e8e0e8, #4d4256);
    --table_wrapper_text_color: light-dark(#1c1b1d, #e6e1e3);
    --table_wrapper_th_text_color: light-dark(#4d4256, #cbc4cc);
    --table_wrapper_th_background_color: light-dark(#f8f1f6, #1c1b1d);

    /*  RaccoonBoard  */

    /*--raccoonboard_sidebar_background: light-dark(#F2ECEE, #211F21);*/
    --raccoonboard_sidebar_background: light-dark(#F8F1F6, #1C1B1D);
}