/* Design tokens from Valot UI Kit — Gnome Colors collection */
/* Auto-generated from Figma variables. light/dark modes. */

:root {
    /* accent */
    --accent--accent_color:                     #26823b;
    --accent--accent_bg_color:                  #3a944a;
    --accent--accent_fg_color:                  #ffffff;

    /* accent / bg_opacity */
    --accent--bg_opacity--10:                   rgba(58, 148, 74, 0.10);
    --accent--bg_opacity--20:                   rgba(58, 148, 74, 0.20);
    --accent--bg_opacity--30:                   rgba(58, 148, 74, 0.30);
    --accent--bg_opacity--40:                   rgba(58, 148, 74, 0.40);
    --accent--bg_opacity--50:                   rgba(58, 148, 74, 0.50);
    --accent--bg_opacity--60:                   rgba(58, 148, 74, 0.60);
    --accent--bg_opacity--70:                   rgba(58, 148, 74, 0.70);
    --accent--bg_opacity--80:                   rgba(58, 148, 74, 0.80);
    --accent--bg_opacity--90:                   rgba(58, 148, 74, 0.90);

    /* destructive */
    --destructive--destructive_color:           #c01c28;
    --destructive--destructive_bg_color:        #e01b24;
    --destructive--destructive_fg_color:        #ffffff;

    /* success */
    --success--success_color:                   #1b8553;
    --success--success_bg_color:                #2ec27e;
    --success--success_fg_color:                #ffffff;

    /* warning */
    --warning--warning_color:                   #9c6e03;
    --warning--warning_bg_color:                #e5a50a;
    --warning--warning_fg_color:                rgba(0, 0, 0, 0.80);

    /* error */
    --error--error_color:                       #c01c28;
    --error--error_bg_color:                    #e01b24;
    --error--error_fg_color:                    #ffffff;

    /* window */
    --window--window_bg_color:                  #fafafa;
    --window--window_fg_color:                  rgba(0, 0, 0, 0.80);

    /* view */
    --view--view_bg_color:                      #ffffff;
    --view--view_fg_color:                      rgba(0, 0, 0, 0.80);

    /* headerbar */
    --headerbar--headerbar_bg_color:            #ffffff;
    --headerbar--headerbar_fg_color:            rgba(0, 0, 0, 0.80);
    --headerbar--headerbar_border_color:        rgba(0, 0, 0, 0.80);
    --headerbar--headerbar_backdrop_color:      #fafafa;
    --headerbar--headerbar_shade_color:         rgba(0, 0, 0, 0.12);
    --headerbar--headerbar_darker_shade_color:  rgba(0, 0, 0, 0.12);

    /* sidebar */
    --sidebar--sidebar_bg_color:                #ebebeb;
    --sidebar--sidebar_fg_color:                rgba(0, 0, 0, 0.80);
    --sidebar--sidebar_backdrop_color:          #f2f2f2;
    --sidebar--sidebar_border_color:            rgba(0, 0, 0, 0.07);
    --sidebar--sidebar_shade_color:             rgba(0, 0, 0, 0.07);

    /* secondary sidebar */
    --secondary-sidebar--sidebar_bg_color:      #f3f3f3;
    --secondary-sidebar--sidebar_fg_color:      rgba(0, 0, 0, 0.80);
    --secondary-sidebar--sidebar_backdrop_color:#f6f6f6;
    --secondary-sidebar--sidebar_border_color:  rgba(0, 0, 0, 0.07);
    --secondary-sidebar--sidebar_shade_color:   rgba(0, 0, 0, 0.07);

    /* card */
    --card--card_bg_color:                      #ffffff;
    --card--card_fg_color:                      rgba(0, 0, 0, 0.80);
    --card--card_shade_color:                   rgba(0, 0, 0, 0.07);

    /* thumbnail */
    --thumbnail--thumbnail_bg_color:            #ffffff;
    --thumbnail--thumbnail_fg_color:            rgba(0, 0, 0, 0.80);

    /* dialog */
    --dialog--dialog_bg_color:                  #fafafa;
    --dialog--dialog_fg_color:                  rgba(0, 0, 0, 0.80);

    /* popover */
    --popover--popover_bg_color:                #ffffff;
    --popover--popover_fg_color:                rgba(0, 0, 0, 0.80);
    --popover--popover_shade_color:             rgba(0, 0, 0, 0.07);

    /* miscellaneous */
    --miscellaneous--shade_color:               rgba(0, 0, 0, 0.07);
    --miscellaneous--shade_color_2:             #ffffff;

    /* search bar */
    --search-bar--input:                        #dcdcdd;
    --search-bar--button:                       #dcdcdd;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* accent — same in dark */
        --accent--accent_color:                     #64be6f;
        /* accent_bg_color same */

        /* destructive */
        --destructive--destructive_color:           #ff7b63;
        --destructive--destructive_bg_color:        #c01c28;

        /* success */
        --success--success_color:                   #8ef0a4;
        --success--success_bg_color:                #26a269;

        /* warning */
        --warning--warning_color:                   #f8e45c;
        --warning--warning_bg_color:                #cd9309;

        /* error */
        --error--error_color:                       #ff7b63;
        --error--error_bg_color:                    #c01c28;

        /* window */
        --window--window_bg_color:                  #242424;
        --window--window_fg_color:                  #ffffff;

        /* view */
        --view--view_bg_color:                      #1e1e1e;
        --view--view_fg_color:                      #ffffff;

        /* headerbar */
        --headerbar--headerbar_bg_color:            #303030;
        --headerbar--headerbar_fg_color:            #ffffff;
        --headerbar--headerbar_border_color:        #ffffff;
        --headerbar--headerbar_backdrop_color:      #242424;
        --headerbar--headerbar_shade_color:         rgba(0, 0, 0, 0.36);
        --headerbar--headerbar_darker_shade_color:  rgba(0, 0, 0, 0.90);

        /* sidebar */
        --sidebar--sidebar_bg_color:                #303030;
        --sidebar--sidebar_fg_color:                #ffffff;
        --sidebar--sidebar_backdrop_color:          #2a2a2a;
        --sidebar--sidebar_border_color:            rgba(0, 0, 0, 0.36);
        --sidebar--sidebar_shade_color:             rgba(0, 0, 0, 0.25);

        /* secondary sidebar */
        --secondary-sidebar--sidebar_bg_color:      #2a2a2a;
        --secondary-sidebar--sidebar_fg_color:      #ffffff;
        --secondary-sidebar--sidebar_backdrop_color:#272727;
        --secondary-sidebar--sidebar_border_color:  rgba(0, 0, 0, 0.36);
        --secondary-sidebar--sidebar_shade_color:   rgba(0, 0, 0, 0.25);

        /* card */
        --card--card_bg_color:                      rgba(255, 255, 255, 0.08);
        --card--card_fg_color:                      #ffffff;
        --card--card_shade_color:                   rgba(0, 0, 0, 0.36);

        /* thumbnail */
        --thumbnail--thumbnail_bg_color:            #383838;
        --thumbnail--thumbnail_fg_color:            #ffffff;

        /* dialog */
        --dialog--dialog_bg_color:                  #383838;
        --dialog--dialog_fg_color:                  #ffffff;

        /* popover */
        --popover--popover_bg_color:                #383838;
        --popover--popover_fg_color:                #ffffff;
        --popover--popover_shade_color:             rgba(0, 0, 0, 0.25);

        /* miscellaneous */
        --miscellaneous--shade_color:               rgba(0, 0, 0, 0.25);
        --miscellaneous--shade_color_2:             rgba(0, 0, 0, 0.50);

        /* search bar */
        --search-bar--input:                        rgba(0, 0, 0, 0.07);
        --search-bar--button:                       #fafafa;
    }
}

/* Force light theme */
[data-theme="light"] {
    --accent--accent_color:                     #26823b;
    --accent--accent_bg_color:                  #3a944a;
    --accent--accent_fg_color:                  #ffffff;
    --destructive--destructive_color:           #c01c28;
    --destructive--destructive_bg_color:        #e01b24;
    --window--window_bg_color:                  #fafafa;
    --window--window_fg_color:                  rgba(0, 0, 0, 0.80);
    --view--view_bg_color:                      #ffffff;
    --view--view_fg_color:                      rgba(0, 0, 0, 0.80);
    --headerbar--headerbar_bg_color:            #ffffff;
    --headerbar--headerbar_fg_color:            rgba(0, 0, 0, 0.80);
    --headerbar--headerbar_backdrop_color:      #fafafa;
    --headerbar--headerbar_shade_color:         rgba(0, 0, 0, 0.12);
    --sidebar--sidebar_bg_color:                #ebebeb;
    --sidebar--sidebar_fg_color:                rgba(0, 0, 0, 0.80);
    --sidebar--sidebar_border_color:            rgba(0, 0, 0, 0.07);
    --sidebar--sidebar_shade_color:             rgba(0, 0, 0, 0.07);
    --card--card_bg_color:                      #ffffff;
    --card--card_fg_color:                      rgba(0, 0, 0, 0.80);
    --dialog--dialog_bg_color:                  #fafafa;
    --dialog--dialog_fg_color:                  rgba(0, 0, 0, 0.80);
    --popover--popover_bg_color:                #ffffff;
    --popover--popover_fg_color:                rgba(0, 0, 0, 0.80);
    --miscellaneous--shade_color:               rgba(0, 0, 0, 0.07);
    --search-bar--input:                        #dcdcdd;
    --search-bar--button:                       #dcdcdd;
    color-scheme: light;
}

/* Force dark theme */
[data-theme="dark"] {
    --accent--accent_color:                     #64be6f;
    --accent--accent_bg_color:                  #3a944a;
    --accent--accent_fg_color:                  #ffffff;
    --destructive--destructive_color:           #ff7b63;
    --destructive--destructive_bg_color:        #c01c28;
    --window--window_bg_color:                  #242424;
    --window--window_fg_color:                  #ffffff;
    --view--view_bg_color:                      #1e1e1e;
    --view--view_fg_color:                      #ffffff;
    --headerbar--headerbar_bg_color:            #303030;
    --headerbar--headerbar_fg_color:            #ffffff;
    --headerbar--headerbar_backdrop_color:      #242424;
    --headerbar--headerbar_shade_color:         rgba(0, 0, 0, 0.36);
    --sidebar--sidebar_bg_color:                #303030;
    --sidebar--sidebar_fg_color:                #ffffff;
    --sidebar--sidebar_border_color:            rgba(0, 0, 0, 0.36);
    --sidebar--sidebar_shade_color:             rgba(0, 0, 0, 0.25);
    --card--card_bg_color:                      rgba(255, 255, 255, 0.08);
    --card--card_fg_color:                      #ffffff;
    --dialog--dialog_bg_color:                  #383838;
    --dialog--dialog_fg_color:                  #ffffff;
    --popover--popover_bg_color:                #383838;
    --popover--popover_fg_color:                #ffffff;
    --miscellaneous--shade_color:               rgba(0, 0, 0, 0.25);
    --search-bar--input:                        rgba(0, 0, 0, 0.07);
    --search-bar--button:                       #fafafa;
    color-scheme: dark;
}