/* Shared TOBIRA chrome spacing; component previews retain their own layout.
   Control height follows React Bits (pro.reactbits.dev: shadcn h-9 buttons and inputs); touch screens keep 44px. */
:root {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px;
  --control-height:36px; --control-inset:16px; --icon-size:16px;
  --icon-gap:8px; --nav-icon-gap:12px; --page-inset:32px;
}
@media(max-width:767px){:root{--control-height:44px;--page-inset:16px}}