/* OpexIQ Design System — Layout tokens */
:root{
  --container-xs:640px;
  --container-sm:840px;
  --container-md:1040px;
  --container-lg:1240px;
  --container-xl:1440px;
  --container-full:100%;
  --measure-prose:68ch;

  --grid-columns:12;
  --grid-gap:24px;
  --grid-gap-lg:40px;

  --header-h:76px;
  --header-h-compact:64px;

  /* Breakpoints (for reference in JS/media queries) */
  --bp-mobile:600px;
  --bp-tablet:900px;
  --bp-desktop:1200px;
  --bp-wide:1600px;

  --z-base:0;
  --z-raised:10;
  --z-sticky:100;
  --z-header:200;
  --z-overlay:800;
  --z-modal:900;
  --z-toast:1000;
}