@font-face {
    font-family:"A3 Inter";
    src:url("/static/fonts/inter/Inter-Variable.ttf") format("truetype");
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
}
@layer a3-app-typography {
    body,
    body :is(h1,h2,h3,h4,h5,h6,p,label,input,select,textarea,button,a,span,div,strong,b,small,th,td,legend,summary,li,output,section,header,footer,nav,main,article,aside,fieldset,details) {
        font-family:"A3 Inter",system-ui,sans-serif !important;
        font-optical-sizing:none;
        font-variation-settings:"opsz" 18;
    }
}

/* Use Home's locally embedded Inter 18 throughout the editor and detached tools. */
@layer a3-app-typography {
    html:has(.editor-design), body.detached-tool-window {
        --font-main:"A3 Inter",system-ui,sans-serif !important;
    }
    body:has(.editor-design), body:has(.editor-design) *,
    body.detached-tool-window, body.detached-tool-window * {
        font-family:"A3 Inter",system-ui,sans-serif !important;
        font-optical-sizing:none !important;
        font-variation-settings:"opsz" 18 !important;
    }
}