/* css/theme.css — Light & Dark theme variables for nudge. */

/* ── Dark theme (default) ────────────────────────────────────── */
:root,
[data-bs-theme="dark"] {
    color-scheme: dark;

    --dt-bg:           #0d0f12;
    --dt-surface:      #141720;
    --dt-surface2:     #1c2030;
    --dt-surface3:     #242840;
    --dt-border:       #2a2f45;
    --dt-border2:      #363c58;
    --dt-text:         #e8eaf4;
    --dt-text2:        #8890b0;
    --dt-text3:        #555e80;
    --dt-accent:       #F9B745;
    --dt-accent-color: #000;
    --dt-accent2:      #C99746;
    --dt-accent2-color: #000;
    --dt-danger:       #ef4444;
    --dt-success:      #22c55e;
    --dt-warning:      #f59e0b;
    --dt-critical:     #e84393;
    --dt-font-header:     'Roboto Condensed', sans-serif;
    --dt-font-body:       'Nunito', sans-serif;

    /* Bootstrap overrides */
    --bs-body-bg:              var(--dt-bg);
    --bs-body-color:           var(--dt-text);
    --bs-border-color:         var(--dt-border);
    --bs-card-bg:              var(--dt-surface);
    --bs-modal-bg:             var(--dt-surface);
    --bs-dropdown-bg:          var(--dt-surface2);
    --bs-dropdown-link-color:  var(--dt-text);
    --bs-dropdown-link-hover-bg: var(--dt-surface3);
    --bs-input-bg:             var(--dt-surface2);
    --bs-input-border-color:   var(--dt-border);
    --bs-input-color:          var(--dt-text);
    --bs-link-color-rgb:       157, 195, 132;
    --bs-secondary-bg:         var(--dt-surface2);
    --bs-tertiary-bg:          var(--dt-surface3);
    --bs-table-bg:             transparent;
    --bs-table-striped-bg:     rgba(255,255,255,0.025);
    --bs-table-hover-bg:       rgba(255,255,255,0.04);
    --bs-table-border-color:   var(--dt-border);
    --bs-pagination-active-bg: var(--dt-accent);
}

/* ── Light theme ────────────────────────────────────────────── */
[data-bs-theme="light"] {
    color-scheme: light;

    --dt-bg:           #f0f2f7;
    --dt-surface:      #ffffff;
    --dt-surface2:     #f5f7fb;
    --dt-surface3:     #eaecf5;
    --dt-border:       #dde1ef;
    --dt-border2:      #c8cede;
    --dt-text:         #1a1d2e;
    --dt-text2:        #4a5270;
    --dt-text3:        #8890b0;
    --dt-accent:       #F9B745;
    --dt-accent-color: #000;
    --dt-accent2:      #C99746;
    --dt-accent2-color: #000;
    --dt-danger:       #dc2626;
    --dt-success:      #16a34a;
    --dt-warning:      #d97706;
    --dt-critical:     #db2777;
    --dt-font-header:     'Roboto Condensed', sans-serif;
    --dt-font-body:       'Nunito', sans-serif;

    --bs-body-bg:              var(--dt-bg);
    --bs-body-color:           var(--dt-text);
    --bs-border-color:         var(--dt-border);
    --bs-card-bg:              var(--dt-surface);
    --bs-modal-bg:             var(--dt-surface);
    --bs-modal-content-bg:     var(--dt-surface);
    --bs-dropdown-bg:          var(--dt-surface);
    --bs-dropdown-link-color:  var(--dt-text);
    --bs-dropdown-link-hover-bg: var(--dt-surface2);
    --bs-input-bg:             var(--dt-surface);
    --bs-input-border-color:   var(--dt-border2);
    --bs-input-color:          var(--dt-text);
    --bs-link-color-rgb:       157, 195, 132;
    --bs-secondary-bg:         var(--dt-surface2);
    --bs-tertiary-bg:          var(--dt-surface3);
    --bs-table-bg:             transparent;
    --bs-table-striped-bg:     rgba(0,0,0,0.02);
    --bs-table-hover-bg:       rgba(0,0,0,0.04);
    --bs-table-border-color:   var(--dt-border);
    --bs-pagination-active-bg: var(--dt-accent);
}