/**
 * Bridgestone brand colors for Backpack admin panel
 * Override --tblr-primary to use brand color as primary
 * Customize as needed for your brand
 */
:root,
[data-bs-theme='light'],
[data-menu-theme='light'] {
  --tblr-primary: #e60012;
  --tblr-primary-rgb: 230, 0, 18;
  --tblr-primary-text-emphasis: #99000c;
  --tblr-primary-bg-subtle: #ffe5e7;
  --tblr-primary-border-subtle: #ffb3b8;
  --tblr-tabler: #e60012;
  --tblr-tabler-rgb: 230, 0, 18;
}

/* Sidebar toggle: hide sidebar when collapsed (desktop only) */
@media (min-width: 992px) {
  body.sidebar-collapsed .page > aside {
    transform: translateX(-100%);
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden;
    transition: transform 0.2s ease, width 0.2s ease;
  }
  body.sidebar-collapsed .page > .page-wrapper {
    margin-left: 0 !important;
  }
}

[data-bs-theme='dark'],
[data-menu-theme='dark'] {
  --tblr-primary: #ff1a2e;
  --tblr-primary-rgb: 255, 26, 46;
  --tblr-primary-text-emphasis: #ff4d5c;
  --tblr-primary-bg-subtle: #330004;
  --tblr-primary-border-subtle: #660009;
  --tblr-tabler: #ff1a2e;
  --tblr-tabler-rgb: 255, 26, 46;
}