:root{
  /* Containers */
  --container-max:1280px;
  --container-wide:1440px;
  --container-narrow:960px;
  --container-reading:720px;
  --container-dashboard:1200px;
  --container-chat:760px;
  --container-form:440px;

  /* Grid */
  --grid-columns-desktop:12; /* @kind other */
  --grid-columns-tablet:8; /* @kind other */
  --grid-columns-mobile:4; /* @kind other */
  --grid-gutter-desktop:24px;
  --grid-gutter-tablet:20px;
  --grid-gutter-mobile:16px;

  /* Breakpoints (documentation tokens — mirror in media queries) */
  --breakpoint-sm:480px;
  --breakpoint-md:768px;
  --breakpoint-lg:1024px;
  --breakpoint-xl:1280px;
  --breakpoint-2xl:1536px;

  /* Fixed chrome */
  --header-height:64px;
  --header-height-mobile:56px;
  --sidebar-width:264px;
  --sidebar-width-compact:64px;
  --touch-target-min:44px;
}