/*
    theme-light.css  —  light mode CSS variable definitions

    Loaded by router.php when the user does not have dark-mode enabled.
    All variables on :root; no conditional selectors needed in any other CSS file.
*/

:root {
    /* ---- app palette ---- */
    --color-primary:     #337ab7;
    --color-success:     #5cb85c;
    --color-href:        var(--color-primary);

    /* ---- body ---- */
    --theme-bg:          #fff;
    --theme-color:       #333;

    /* ---- navbar ---- */
    --theme-navbar-bg:              #d9edf7;
    --theme-navbar-border:          #e7e7e7;
    --theme-navbar-link:            #777;
    --theme-navbar-link-hover:      #333;
    --theme-navbar-link-hover-bg:   transparent;
    --theme-navbar-toggle-border:   #ddd;
    --theme-navbar-toggle-icon:     #888;

    /* ---- dropdowns ---- */
    --theme-dropdown-bg:              #fff;
    --theme-dropdown-border:          rgba(0,0,0,.15);
    --theme-dropdown-link:            #333;
    --theme-dropdown-link-hover-color:#262626;
    --theme-dropdown-link-hover-bg:   #f5f5f5;
    --theme-dropdown-divider:         #e5e5e5;

    /* ---- buttons (flat — no Bootstrap gradient) ---- */
    --theme-btn-default-bg:           #fff;
    --theme-btn-default-color:        #333;
    --theme-btn-default-border:       #ccc;
    --theme-btn-default-hover-bg:     #e6e6e6;
    --theme-btn-default-hover-color:  #333;
    --theme-btn-default-hover-border: #adadad;

    --theme-btn-primary-bg:           #337ab7;
    --theme-btn-primary-color:        #fff;
    --theme-btn-primary-border:       #2e6da4;
    --theme-btn-primary-hover-bg:     #286090;
    --theme-btn-primary-hover-color:  #fff;
    --theme-btn-primary-hover-border: #204d74;

    --theme-btn-success-bg:           #5cb85c;
    --theme-btn-success-color:        #fff;
    --theme-btn-success-border:       #4cae4c;
    --theme-btn-success-hover-bg:     #449d44;
    --theme-btn-success-hover-color:  #fff;
    --theme-btn-success-hover-border: #398439;

    --theme-btn-warning-bg:           #f0ad4e;
    --theme-btn-warning-color:        #fff;
    --theme-btn-warning-border:       #eea236;
    --theme-btn-warning-hover-bg:     #ec971f;
    --theme-btn-warning-hover-color:  #fff;
    --theme-btn-warning-hover-border: #d58512;

    --theme-btn-danger-bg:            #d9534f;
    --theme-btn-danger-color:         #fff;
    --theme-btn-danger-border:        #d43f3a;
    --theme-btn-danger-hover-bg:      #c9302c;
    --theme-btn-danger-hover-color:   #fff;
    --theme-btn-danger-hover-border:  #ac2925;

    --theme-btn-info-bg:              #5bc0de;
    --theme-btn-info-color:           #fff;
    --theme-btn-info-border:          #46b8da;
    --theme-btn-info-hover-bg:        #31b0d5;
    --theme-btn-info-hover-color:     #fff;
    --theme-btn-info-hover-border:    #269abc;

    /* ---- form inputs ---- */
    --theme-input-bg:                   #fff;
    --theme-input-color:                #555;
    --theme-input-border:               #ccc;
    --theme-input-focus-bg:             #fff;
    --theme-input-focus-color:          #333;
    --theme-input-focus-border:         #66afe9;
    --theme-input-focus-shadow:         rgba(102,175,233,.6);
    --theme-input-placeholder:          #999;
    --theme-input-option-disabled-color:#999;

    /* ---- tabs ---- */
    --theme-tabs-border:       #ddd;
    --theme-tab-bg:            #eee;
    --theme-tab-color:         #555;
    --theme-tab-hover-bg:      #ddd;
    --theme-tab-hover-color:   #333;
    --theme-tab-active-bg:     #fff;
    --theme-tab-active-color:  #555;

    /* ---- table ---- */
    --thead-color:                #d9edf7;
    --theme-table-border:         #ddd;
    --theme-table-color:          #333;
    --theme-table-th-color:       #333;
    --theme-table-th-border:      #ddd;
    --theme-table-td-border:      #ddd;
    --theme-table-hover-bg:       #eaf5fb;
    --theme-table-hover-color:    initial;
    --theme-table-cell-hover-bg:  #dae5eb;
    --theme-table-cell-hover-color: initial;
    --theme-table-stripe:         cornsilk;

    /* ---- selected item ---- */
    --theme-selected-user-bg:    beige;
    --theme-selected-user-color: initial;

    /* ---- pre / code ---- */
    --theme-pre-bg:     #f5f5f5;
    --theme-pre-color:  #333;
    --theme-pre-border: #ccc;
    --theme-code-bg:    #f0e4ee;
    --theme-code-color: #a01840;

    /* ---- modals ---- */
    --theme-modal-bg:             #fff;
    --theme-modal-border:         rgba(0,0,0,.2);
    --theme-modal-color:          #333;
    --theme-modal-header-bg:      #f5f5f5;
    --theme-modal-header-border:  #e5e5e5;
    --theme-modal-title-color:    #333;
    --theme-modal-close-color:    #000;
    --theme-modal-close-hover:    #000;
    --theme-modal-footer-border:  #e5e5e5;
    --theme-modal-footer-bg:      #f5f5f5;
    --theme-modal-backdrop:       #000;

    /* ---- content header ---- */
    --theme-content-header-title:        #333;
    --theme-content-header-input-bg:     #fff;
    --theme-content-header-input-color:  #555;
    --theme-content-header-input-border: #ccc;

    /* ---- datepicker ---- */
    --theme-datepicker-bg: #d9edf7;

    /* ---- row / highlight state colors ---- */
    --lpm-color-info:   lightgreen;
    --lpm-color-warn:   yellow;
    --lpm-color-err:    lightpink;
    --lpm-color-gray:   #DDD;
    --lpm-color-hilite: lightskyblue;
}