@charset "UTF-8";

:root{

    --icon-tint: invert(16%) sepia(1%) saturate(1%) hue-rotate(22deg) brightness(94%) contrast(91%);

    /* ── Vadibe theme-aware nav variables (jour) ── */
    --vd-topbar-bg: rgba(255,255,255,0.92);
    --vd-topbar-border: rgba(0,0,0,0.09);
    --vd-topbar-shadow: 0 1px 12px rgba(0,0,0,0.08);
    --vd-topbar-icon-bg: rgba(0,0,0,0.05);
    --vd-topbar-icon-color: rgba(0,0,0,0.70);
    --vd-bottomnav-bg: rgba(255,255,255,0.93);
    --vd-bottomnav-border: rgba(0,0,0,0.09);
    --vd-nav-text-inactive: rgba(0,0,0,0.42);
    --vd-nav-badge-border: rgba(255,255,255,0.95);
    --vd-icon-inactive-filter: brightness(0);
    --vd-icon-inactive-opacity: 0.42;

    --main_page_background: #DE5E5D;

    --header_height: 39px;
    --header_background: #fff;
    --header_border_bottom: 1px solid rgba(0, 40, 100, 0.12);
    --header_logo: url(/img/logo.png?x=1);
    --header_logo_height: 40px;
    --header_logo_width: 110px;
    --header_burger_background: #686868;
    --header_button_text_color: #DE5E5D;
    --header_button_hover_background_color: rgba(98, 153, 224, 0.61);
    --header_search_box_background: #224b7a;

    --common_body_background: #FAFAFA;
    --common_page_background: #FFFFFF;
    --common_page_shadow: 0 2px 2px 0 #DCE1E6, 0 1px 5px 0 #DCE1E6, 0 3px 1px -2px #E7E8EC;
    --common_page_border_radius: 2px;

    --button_border_radius: 999px;

    --button_primary_background: linear-gradient(to right, #FD5068, #FF655B);
    --button_primary_hover_background: linear-gradient(to right, #fd566d, #fa756d);
    --button_primary_color: #FD5068 !important;
    --button_primary_hover_color: #E2485E;
    --button_primary_text_color: #FFFFFF;

    --button_secondary_color: #eeebeb !important;;
    --button_secondary_hover_color: #e2dfdf;
    --button_secondary_text_color: #1b1b1f;

    --button_disabled_color: rgba(0,0,0,.05) !important;
    --button_disabled_hover_color: rgba(0, 0, 0, 0.13);
    --button_disabled_text_color: #0e0e10 !important;

    --button_more_color: #d8dce2 !important;;
    --button_more_hover_color: #e1e5eb;
    --button_more_text_color: #285473;

    --button_link_color: transparent !important;;
    --button_link_hover_color: #e1e5eb;
    --button_link_text_color: #54759e;
    --button_link_hover_text_color: #285473;

    --button_flat_color: transparent;
    --button_flat_hover_color: #E1E7ED;
    --button_flat_text_color: #F76D9B;

    --button_card_action_color: #DE5E5D !important;;
    --button_card_action_hover_color: #dc7070;
    --button_card_action_text_color: #ffffff;
    --button_card_action_hover_text_color: #ffffff;

    --item_link_content: rgba(84, 117, 158, 0.04);
    --item_footer_link_color: #606770;
    --item_footer_active_link_color: #EE2A44;
    --item_footer_button_color: transparent;
    --item_footer_button_hover_color: var(--button_more_hover_color);
    --item_footer_button_border_radius: 3px;
    --item_featured_shadow: 0 2px 0 0 #ce5b3a, 0 0 0 1px #ea7351;
    --item_repost_background: #f3f1f1;

    --switch_button_off_background_color: #CCC;
    --switch_button_on_background_color: #4A76A8;
    --switch_button_disabled_background_color: #a19b9b;
    --switch_button_slider_background_color: #FFF;

    --separator_common: rgba(0, 0, 0, 0.125);
    --separator_alternate: #E7E8EC;

    --icon_tint: #7D9CB8;

    --side_menu_icon_tint: #F76D9B;
    --side_menu_icon_tint_hover: #F76D9B;
    --side_menu_text_color: #6e6e6e;
    --side_menu_text_color_hover: #6e6e6e;
    --side_menu_li: transparent;
    --side_menu_li_hover: #e1e5eb;
    --side_menu_li_selected: #d8dce2;
    --side_menu_border_radius: 3px;

    --input_text_backgroud: #FFFFFF;
    --input_text_color: #5f6979;
    --input_text_placeholder_color: #a6aebb;
    --input_text_placeholder_color_focus: #a6aebb;
    --input_text_border: 1px solid #FEB8CB;
    --input_text_border_focus: 1px solid #CCD0D5;

    --form_footer_background: #fcfcfc;

    --checkbox_label_background: #fafafa;
    --checkbox_checked_label_background: rgba(45, 114, 217, 0.1);

    --text_primary: #000000;
    --text_link: #54759e;
    --text_link_hover: #F76D9B;
    --text_title: #000000;
    --text_sub_title: #626d7a;
    --text_footer_link: #394e66;

    --header_message_background: #588fe1;
    --header_message_border_radius: 3px;
    --header_message_text_color: #ffffff;
    --header_message_shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 1px -2px rgba(0, 0, 0, 0.12);

    --comment_bubble_background: #F2F2F2;

    --ls_menu_item_color: #FE5764;
    --ls_menu_selected_item_backround: #f0f2f5;
    --ls_menu_selected_item_color: #000000;
    --ls_menu_selected_item_border_left_color: #FE5764;
    --ls_menu_selected_item_border_bottom_color: #FE5764;

    --dropdown_menu_background: #FFFFFF;
    --dropdown_menu_color: var(--text_title);
    --dropdown_menu_hover_background: #F2F2F2;
    --dropdown_menu_shadow: rgba(0, 0, 0, .3) 0 1px 2px 0, rgba(0, 0, 0, .15) 0 3px 6px 2px;

    --verified_badge_background: #5890FF;

    /*  Alerts  */

    --alert_border_radius: 3px;

    --alert_warning_color: #fff;
    --alert_warning_background_color: #F7B928;
    --alert_warning_border_color: transparent;

    --alert_success_color: #fff;
    --alert_success_background_color: rgba(65, 165, 109, 0.61);
    --alert_success_border_color: transparent;

    --alert_danger_color: #fff;
    --alert_danger_background_color: #F02849;
    --alert_danger_border_color: transparent;

    --alert_info_color: #0c5460;
    --alert_info_background_color: #d1ecf1;
    --alert_info_border_color: transparent;
}

/* ════════════════════════════════════════════════════════════════════
   MODE SOMBRE AUTOMATIQUE — suit le réglage du système (OS/navigateur)
   Toutes les variables de thème basculent automatiquement, comme les
   composants modernes (@media prefers-color-scheme). Source unique de
   vérité : plus de bouton manuel, plus de swap root-night.css.
   ════════════════════════════════════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
    :root {

        --icon-tint: invert(56%) sepia(12%) saturate(18%) hue-rotate(328deg) brightness(95%) contrast(88%);

        --vd-topbar-bg: rgba(18,18,20,0.92);
        --vd-topbar-border: rgba(255,255,255,0.07);
        --vd-topbar-shadow: 0 2px 20px rgba(0,0,0,0.30);
        --vd-topbar-icon-bg: rgba(255,255,255,0.08);
        --vd-topbar-icon-color: rgba(255,255,255,0.85);
        --vd-bottomnav-bg: rgba(18,18,20,0.94);
        --vd-bottomnav-border: rgba(255,255,255,0.07);
        --vd-nav-text-inactive: rgba(255,255,255,0.42);
        --vd-nav-badge-border: rgba(18,18,20,0.95);
        --vd-icon-inactive-filter: brightness(0) invert(1);
        --vd-icon-inactive-opacity: 0.45;

        --main_page_background: #202124;

        --header_background: #292A2D;
        --header_border_bottom: 1px solid #3F4042;
        --header_burger_background: #E5E5E6;
        --header_button_text_color: #E5E5E6;
        --header_button_hover_background_color: rgba(174, 183, 194, 0.12);
        --header_search_box_background: #202123;

        --common_body_background: #202124;
        --common_page_background: #292A2D;
        --common_page_shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
        --common_page_border_color: 95, 99, 104;

        --button_primary_background: #0078d4;
        --button_primary_hover_background: #106ebe;
        --button_primary_color: #0078d4 !important;
        --button_primary_hover_color: #106ebe;
        --button_primary_text_color: #FFFFFF;

        --button_secondary_color: #f0f2f5 !important;
        --button_secondary_hover_color: #cfd3d9;
        --button_secondary_text_color: #285473;

        --button_disabled_color: #3A3A3D !important;
        --button_disabled_hover_color: #414145;
        --button_disabled_text_color: #efeff1 !important;

        --button_more_color: #3A3B3C !important;
        --button_more_hover_color: #3d3d40;
        --button_more_text_color: #efeff1;

        --button_link_color: transparent !important;
        --button_link_hover_color: #3d3d40;
        --button_link_text_color: #8AB4F8;
        --button_link_hover_text_color: #efeff1;

        --button_flat_color: transparent;
        --button_flat_hover_color: #323338;
        --button_flat_text_color: #8AB4F8;

        --button_card_action_color: #323338 !important;
        --button_card_action_hover_color: #34353A;
        --button_card_action_text_color: #efeff1;
        --button_card_action_hover_text_color: #efeff1;

        --item_link_content: rgba(84, 117, 158, 0.31);
        --item_footer_link_color: #6d90c7;
        --item_footer_active_link_color: #EE2A44;
        --item_footer_button_hover_color: var(--button_more_hover_color);
        --item_featured_shadow: 0 2px 0 0 #a84f36, 0 0 0 1px #ac5a44;
        --item_repost_background: #4050652e;

        --switch_button_on_background_color: #0078d4;

        --separator_common: rgba(0, 0, 0, 0.2);
        --separator_alternate: #a09fa1;

        --icon_tint: #E8EAED;

        --side_menu_icon_tint: #779dd9;
        --side_menu_icon_tint_hover: #779dd9;
        --side_menu_text_color: #8AB4F8;
        --side_menu_text_color_hover: #8AB4F8;
        --side_menu_li_hover: #3A3B3C;
        --side_menu_li_selected: #3A3B3C;

        --input_text_backgroud: #3A3C3D;
        --input_text_color: #d9dce0;
        --input_text_border: 1px solid #3f4c65;
        --input_text_border_focus: 1px solid #5A6F93;

        --form_footer_background: #292A2D;

        --checkbox_label_background: #34353A;
        --checkbox_checked_label_background: #486aad;

        --text_primary: #E8EAED;
        --text_link: #8AB4F8;
        --text_link_hover: #5672a1;
        --text_title: #E8EAED;
        --text_sub_title: #d9dce0;
        --text_footer_link: #8AB4F8;

        --comment_bubble_background: #34353A;

        --ls_menu_item_color: #8AB4F8;
        --ls_menu_selected_item_backround: #34353A;
        --ls_menu_selected_item_color: #8AB4F8;
        --ls_menu_selected_item_border_left_color: #8AB4F8;
        --ls_menu_selected_item_border_bottom_color: #8AB4F8;

        --dropdown_menu_background: #2D2E31;
        --dropdown_menu_color: var(--text_title);
        --dropdown_menu_hover_background: #3A3B3C;

        --verified_badge_background: #0082FC;

        --alert_warning_background_color: #e8af29;
        --alert_danger_background_color: #e72a49;
    }
}