/* MetalIQ — Webfont loading.
 * Inter for UI (400,500,600,700), Fraunces for brand/display (400,600,700).
 * Fraunces used only in marketing/onboarding — never inside the working admin.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap");

/* Base resets used by cards + kits */
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);color:var(--color-text-body);background:var(--color-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}