/* IOC M3 shared spacing, type, shape foundations. Used by both docs and React. */
:root{--space:4px;--font-ui:"DM Sans",sans-serif;--font-body:"Inter",sans-serif;--shape-sm:12px;--shape-md:18px;--shape-lg:24px;--shape-xl:28px;--duration:200ms;--max-width:1220px;}
body[data-font="inter"]{--font-ui:"Inter",sans-serif;--font-body:"Inter",sans-serif}
body[data-font="manrope"]{--font-ui:"Manrope",sans-serif;--font-body:"Inter",sans-serif}
body[data-font="dm"]{--font-ui:"DM Sans",sans-serif;--font-body:"Inter",sans-serif}
body[data-radius="compact"]{--shape-sm:7px;--shape-md:12px;--shape-lg:17px;--shape-xl:20px}
body[data-radius="expressive"]{--shape-sm:18px;--shape-md:24px;--shape-lg:32px;--shape-xl:40px}