/* C_BASE layout. */
:root{
  --container-max:1360px; /* @kind other */
  --container-narrow:760px; /* @kind other */
  --container-wide:1600px; /* @kind other */
  --gutter:24px; /* @kind other */
  --gutter-lg:40px; /* @kind other */

  --header-height:72px; /* @kind other */
  --header-height-compact:56px; /* @kind other */
  --topbar-height:36px; /* @kind other */

  --control-h-sm:32px; /* @kind other */
  --control-h-md:40px; /* @kind other */
  --control-h-lg:48px; /* @kind other */
  --control-h-xl:56px; /* @kind other */
  --touch-min:44px; /* @kind other */

  --z-base:0; /* @kind other */
  --z-sticky:100; /* @kind other */
  --z-header:200; /* @kind other */
  --z-drawer:300; /* @kind other */
  --z-dialog:400; /* @kind other */
  --z-toast:500; /* @kind other */
}