body {
	@include antialias;
	line-height: 1.1;
	text-rendering: optimizeSpeed;
	font: {
		family: $text;
		size: #{$base-font-size}px;
		weight: $extralight;
	}
	color: $c-black-01;
	
	@media ( max-width: $design + px ) {
    	@include responsive-font(design(30), rem(20));
    }
    
    @media ( max-width: $smartphone + px ) {
    	font-size: rem(18);
    }
}

a {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	
	.is-ready & {
        @extend %anim;
    }
	
	&:hover,
    &:active,
    &:focus {
        outline: none;
    }
}

input {
    font-size: #{$base-font-size}px;
}

strong {
    font-weight: $bold;
}

::selection {
	//background-color: $c-navy-01;
	//color: white;
}

sup {
    vertical-align: top;
    font-size: 60%;
}

u {
    //text-decoration-color: var(--primary-color);
}


