@charset "UTF-8";

/* ═══════════════════════════════════════════════════════════════════
   BoomGo Étincelles — Thème sombre feu
   Palette :
     Feu      : #FF4500 (OrangeRed)   → #FF8C00 (DarkOrange)
     Fond     : #0A0A0A
     Surface  : #141414 / #1C1C1C
     Texte    : #FFFFFF / #A0A0A0
     Gold     : #FFD700 (match / spark)
     Vert     : #00E676 (online)
   ═══════════════════════════════════════════════════════════════════ */

:root {

    /* ── Icônes ────────────────────────────────────────────────────── */
    --icon-tint: invert(50%) sepia(80%) saturate(500%) hue-rotate(345deg) brightness(110%);

    /* ── Header / Nav bar ──────────────────────────────────────────── */
    --main_page_background:              linear-gradient(135deg, #FF4500 0%, #FF8C00 100%);
    --header_height:                     56px;
    --header_background:                 #0A0A0A;
    --header_border_bottom:              1px solid rgba(255, 69, 0, 0.25);
    --header_logo:                       url(/img/logo.png);
    --header_logo_height:                40px;
    --header_logo_width:                 120px;
    --header_burger_background:          #FF4500;
    --header_button_text_color:          #FF4500;
    --header_button_hover_background_color: rgba(255, 69, 0, 0.15);
    --header_search_box_background:      #1C1C1C;

    /* ── Fond général ──────────────────────────────────────────────── */
    --common_body_background:            #0A0A0A;
    --common_page_background:            #141414;
    --common_page_shadow:                0 2px 12px rgba(255, 69, 0, 0.08), 0 1px 4px rgba(0,0,0,0.6);
    --common_page_border_radius:         12px;

    /* ── Boutons ───────────────────────────────────────────────────── */
    --button_border_radius:              24px;

    --button_primary_color:              #FF4500 !important;
    --button_primary_hover_color:        #FF6A00;
    --button_primary_text_color:         #FFFFFF;

    --button_secondary_color:            #1C1C1C !important;
    --button_secondary_hover_color:      #252525;
    --button_secondary_text_color:       #FFFFFF;

    --button_disabled_color:             rgba(255,255,255,0.06) !important;
    --button_disabled_hover_color:       rgba(255,255,255,0.09);
    --button_disabled_text_color:        #555555 !important;

    --button_more_color:                 #1C1C1C !important;
    --button_more_hover_color:           #252525;
    --button_more_text_color:            #A0A0A0;

    --button_link_color:                 transparent !important;
    --button_link_hover_color:           rgba(255, 69, 0, 0.1);
    --button_link_text_color:            #FF4500;
    --button_link_hover_text_color:      #FF6A00;

    --button_flat_color:                 transparent;
    --button_flat_hover_color:           rgba(255, 69, 0, 0.12);
    --button_flat_text_color:            #FF4500;

    --button_card_action_color:          #FF4500 !important;
    --button_card_action_hover_color:    #FF6A00;
    --button_card_action_text_color:     #FFFFFF;
    --button_card_action_hover_text_color: #FFFFFF;

    /* ── Items / cards ─────────────────────────────────────────────── */
    --item_link_content:                 rgba(255, 69, 0, 0.04);
    --item_footer_link_color:            #666666;
    --item_footer_active_link_color:     #FF4500;
    --item_footer_button_color:          transparent;
    --item_footer_button_hover_color:    rgba(255, 69, 0, 0.1);
    --item_footer_button_border_radius:  8px;
    --item_featured_shadow:              0 2px 0 0 #CC3700, 0 0 0 1px #FF4500;
    --item_repost_background:            #1C1C1C;

    /* ── Toggles / switch ──────────────────────────────────────────── */
    --switch_button_off_background_color:       #333333;
    --switch_button_on_background_color:        #FF4500;
    --switch_button_disabled_background_color:  #2A2A2A;
    --switch_button_slider_background_color:    #FFFFFF;

    /* ── Séparateurs ───────────────────────────────────────────────── */
    --separator_common:                  rgba(255, 255, 255, 0.06);
    --separator_alternate:               #1E1E1E;

    /* ── Icône tint ────────────────────────────────────────────────── */
    --icon_tint:                         #FF4500;

    /* ── Menu latéral ──────────────────────────────────────────────── */
    --side_menu_icon_tint:               #FF4500;
    --side_menu_icon_tint_hover:         #FF6A00;
    --side_menu_text_color:              #A0A0A0;
    --side_menu_text_color_hover:        #FFFFFF;
    --side_menu_li:                      transparent;
    --side_menu_li_hover:                rgba(255, 69, 0, 0.12);
    --side_menu_li_selected:             rgba(255, 69, 0, 0.18);
    --side_menu_border_radius:           8px;

    /* ── Inputs ────────────────────────────────────────────────────── */
    --input_text_backgroud:              #1C1C1C;
    --input_text_color:                  #FFFFFF;
    --input_text_placeholder_color:      #555555;
    --input_text_placeholder_color_focus:#777777;
    --input_text_border:                 1px solid rgba(255, 69, 0, 0.3);
    --input_text_border_focus:           1px solid #FF4500;

    --form_footer_background:            #0F0F0F;

    /* ── Checkbox ──────────────────────────────────────────────────── */
    --checkbox_label_background:         #1C1C1C;
    --checkbox_checked_label_background: rgba(255, 69, 0, 0.15);

    /* ── Texte ─────────────────────────────────────────────────────── */
    --text_primary:                      #FFFFFF;
    --text_link:                         #FF4500;
    --text_link_hover:                   #FF6A00;
    --text_title:                        #FFFFFF;
    --text_sub_title:                    #888888;
    --text_footer_link:                  #666666;

    /* ── Message header ────────────────────────────────────────────── */
    --header_message_background:         #FF4500;
    --header_message_border_radius:      8px;
    --header_message_text_color:         #FFFFFF;
    --header_message_shadow:             0 4px 16px rgba(255, 69, 0, 0.4);

    /* ── Commentaires ──────────────────────────────────────────────── */
    --comment_bubble_background:         #1C1C1C;

    /* ── Menu gauche (ls) ──────────────────────────────────────────── */
    --ls_menu_item_color:                #FF4500;
    --ls_menu_selected_item_backround:   rgba(255, 69, 0, 0.12);
    --ls_menu_selected_item_color:       #FFFFFF;
    --ls_menu_selected_item_border_left_color:   #FF4500;
    --ls_menu_selected_item_border_bottom_color: #FF4500;

    /* ── Dropdown ──────────────────────────────────────────────────── */
    --dropdown_menu_background:          #1C1C1C;
    --dropdown_menu_color:               #FFFFFF;
    --dropdown_menu_hover_background:    rgba(255, 69, 0, 0.12);
    --dropdown_menu_shadow:              rgba(0,0,0,.8) 0 4px 12px 0, rgba(255,69,0,.1) 0 0 0 1px;

    /* ── Badge vérifié ─────────────────────────────────────────────── */
    --verified_badge_background:         linear-gradient(135deg, #FF4500, #FFD700);

    /* ── Alertes ───────────────────────────────────────────────────── */
    --alert_border_radius:               8px;

    --alert_warning_color:               #0A0A0A;
    --alert_warning_background_color:    #FFD700;
    --alert_warning_border_color:        transparent;

    --alert_success_color:               #FFFFFF;
    --alert_success_background_color:    rgba(0, 230, 118, 0.2);
    --alert_success_border_color:        #00E676;

    --alert_danger_color:                #FFFFFF;
    --alert_danger_background_color:     rgba(255, 69, 0, 0.2);
    --alert_danger_border_color:         #FF4500;

    --alert_info_color:                  #FFFFFF;
    --alert_info_background_color:       rgba(255, 140, 0, 0.15);
    --alert_info_border_color:           transparent;
}