/* 02-tabler-bridge.css — Tabler Variable Bridge
   Maps --tblr-* vars to our --c-* design tokens (both themes).
   See MEMORY.md: "Tabler Variable Bridge Strategy"
   =========================================================== */

/* -----------------------------------------------------------
   3. Tabler Variable Bridge (both themes)
   ----------------------------------------------------------- */
[data-bs-theme="dark"],
[data-bs-theme="light"] {
    --tblr-bg-surface:           var(--c-surface);
    --tblr-bg-surface-secondary: var(--c-elevated);
    --tblr-body-bg:              var(--c-bg);
    --tblr-body-color:           var(--c-text);
    --tblr-border-color:         var(--c-border);
    --tblr-secondary-color:      var(--c-text-muted);
    --tblr-muted-color:          var(--c-text-subtle);
    --tblr-navbar-bg:            var(--c-surface);
    --tblr-border-radius:        var(--radius);
    --tblr-border-radius-sm:     var(--radius-sm);

    /* Card */
    --tblr-card-bg:              var(--c-surface);
    --tblr-card-border-color:    var(--c-border);
    --tblr-card-border-radius:   var(--radius);
    --tblr-card-cap-bg:          transparent;
    --tblr-card-cap-padding-x:   1rem;
    --tblr-card-cap-padding-y:   0.6875rem;
    --tblr-card-spacer-x:        1rem;
    --tblr-card-spacer-y:        1rem;

    /* Dropdown */
    --tblr-dropdown-bg:                  var(--c-elevated);
    --tblr-dropdown-border-color:        var(--c-border-str);
    --tblr-dropdown-color:               var(--c-text-muted);
    --tblr-dropdown-link-color:          var(--c-text-muted);
    --tblr-dropdown-link-hover-bg:       var(--c-overlay);
    --tblr-dropdown-link-hover-color:    var(--c-text);
    --tblr-dropdown-link-active-bg:      var(--c-accent);
    --tblr-dropdown-link-active-color:   #fff;
    --tblr-dropdown-border-radius:       var(--radius);
    --tblr-dropdown-box-shadow:          0 8px 24px rgba(0, 0, 0, 0.35);

    /* Pagination */
    --tblr-pagination-bg:                var(--c-elevated);
    --tblr-pagination-border-color:      var(--c-border);
    --tblr-pagination-color:             var(--c-text-muted);
    --tblr-pagination-hover-bg:          var(--c-overlay);
    --tblr-pagination-hover-color:       var(--c-text);
    --tblr-pagination-hover-border-color: var(--c-border);
    --tblr-pagination-active-bg:         var(--c-accent);
    --tblr-pagination-active-border-color: var(--c-accent);
    --tblr-pagination-active-color:      #fff;
    --tblr-pagination-disabled-bg:       var(--c-elevated);
    --tblr-pagination-disabled-border-color: var(--c-border);
    --tblr-pagination-disabled-color:    var(--c-text-subtle);
}
