/* Legacy theme — Dark mode variables */
:root {
    /* Core */
    --p-text-color:              rgba(255, 255, 255, 0.87);
    --p-text-color2:             rgba(0, 0, 0, 0.87);
    --p-btn-hover-bg:            rgba(255, 255, 255, 0.08);
    --p-btn-active-bg:           rgba(255, 255, 255, 0.16);
    --p-selectbox-bg-hov-color:  rgba(255, 255, 255, 0.08);
    --p-surface:                 #242424;

    /* Extended */
    --p-bg:                      #1a1a1a;
    --p-surface-secondary:       #222222;
    --p-surface-tertiary:        #2a2a2a;

    --p-text-secondary:          rgba(255, 255, 255, 0.55);
    --p-text-tertiary:           rgba(255, 255, 255, 0.38);
    --p-text-placeholder:        rgba(255, 255, 255, 0.38);

    --p-accent:                  #5aadff;
    --p-accent-hover:            #4a9eef;
    --p-accent-subtle:           rgba(90, 173, 255, 0.10);

    --p-primary-btn-bg:          #3b6bc8;
    --p-primary-btn-hover:       #4a7ed8;
    --p-primary-btn-active:      #2d58a8;
    --p-primary-btn-shadow:      rgba(59, 107, 200, 0.45);

    --p-success:                 #34c759;
    --p-warning:                 #ff9500;
    --p-danger:                  #ff5f56;
    --p-danger-hover-bg:         rgba(255, 95, 86, 0.12);

    --p-border:                  #383838;
    --p-border-strong:           #404040;
    --p-border-input:            #555555;
    --p-border-focus:            #5aadff;

    --p-hover-bg:                rgba(255, 255, 255, 0.05);
    --p-row-bg:                  transparent;
    --p-row-border:              #2e2e2e;

    --p-table-header-bg:         #2a2a2a;
    --p-table-header-text:       rgba(255, 255, 255, 0.55);
    --p-table-header-border:     #404040;
    --p-table-row-border:        #333333;

    --p-tab-text:                rgba(255, 255, 255, 0.55);
    --p-tab-btn-color:           rgba(255, 255, 255, 0.38);
    --p-tab-header-bg:           #242424;

    --p-toolbar-bg:              #1e1e1e;
    --p-toolbar-container-bg:    #242424;

    --p-menu-bg:                 #2e2e2e;
    --p-menu-border:             #404040;
    --p-menu-shadow:             rgba(0, 0, 0, 0.5);

    --p-context-danger:          #ff5f56;
    --p-context-danger-hover:    rgba(255, 95, 86, 0.12);

    --p-login-bg:                #0d0d0d;
    --p-login-surface:           #242424;
    --p-login-accent:            #5aadff;
    --p-login-spinner-border:    rgba(90, 173, 255, 0.2);
    --p-login-spinner-color:     #5aadff;

    --p-link-color:              #5aadff;

    --p-card-bg:                 #2a2a2a;
    --p-card-border:             #383838;
    --p-card-shadow:             rgba(0, 0, 0, 0.3);

    --p-detail-bg:               #222222;
    --p-detail-border:           #383838;
    --p-detail-label:            rgba(255, 255, 255, 0.38);
    --p-detail-title:            rgba(255, 255, 255, 0.87);
    --p-detail-row-border:       #2e2e2e;
    --p-detail-value:            rgba(255, 255, 255, 0.87);

    --p-stat-value:              rgba(255, 255, 255, 0.87);
    --p-stat-label:              rgba(255, 255, 255, 0.38);
    --p-stat-running:            #34c759;
    --p-stat-failed:             #ff5f56;
    --p-stat-pending:            #ff9500;
    --p-stat-link:               #5aadff;

    --p-popup-bg:                #2e2e2e;
    --p-popup-border:            #404040;
    --p-popup-title:             rgba(255, 255, 255, 0.87);
    --p-popup-text:              rgba(255, 255, 255, 0.55);
    --p-popup-shadow:            rgba(0, 0, 0, 0.6);

    --p-btn-secondary-text:      rgba(255, 255, 255, 0.55);
    --p-btn-secondary-border:    #555555;
    --p-btn-secondary-hover:     rgba(255, 255, 255, 0.07);

    --p-logs-bg:                 #1a1a1a;
    --p-logs-text:               rgba(255, 255, 255, 0.87);

    --p-tag-bg:                  rgba(90, 173, 255, 0.12);
    --p-tag-text:                #5aadff;
    --p-tag-border:              rgba(90, 173, 255, 0.25);
    --p-tag-hover:               rgba(90, 173, 255, 0.20);
    --p-tag-count:               rgba(90, 173, 255, 0.60);

    --p-album-thumb-bg:          #2e2e3e;
    --p-album-name:              rgba(255, 255, 255, 0.87);
    --p-album-count:             rgba(255, 255, 255, 0.38);

    --p-sidebar-bg:              #222222;
    --p-sidebar-selected-bg:     #3b6bc8;
    --p-sidebar-selected-text:   #ffffff;
    --p-sidebar-border:          #383838;

    --p-note-field-type:         rgba(255, 255, 255, 0.38);
    --p-note-field-value:        rgba(255, 255, 255, 0.75);
    --p-note-detail-bg:          #242424;
    --p-note-detail-title:       rgba(255, 255, 255, 0.87);
    --p-note-popup-label:        rgba(255, 255, 255, 0.38);

    color-scheme: dark;
}

html, body {
    font-family: Arial, sans-serif;
    background-color: var(--p-bg);
    color: var(--p-text-color);
}