:root {
  --bp-mobile-max: 767px;
  --bp-tablet-min: 768px;
  --bp-tablet-max: 1199px;
  --bp-desktop-min: 1200px;
  --bp-ultrawide-min: 1600px;
}
/* NOTE: Current dashboard uses 1280px as desktop breakpoint.
   The legacy breakpoint is preserved in the compiled CSS.
   These tokens define the TARGET architecture for future redesigns. */