@layer reset, tokens, base, layout, components, utilities, overrides;
@font-face {
font-family: "Inter";
src: url("../fonts/inter-variable.woff2") format("woff2");
font-weight: 400 600;
font-style: normal;
font-display: swap;
}
@layer reset {
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; }
img, svg { display: block; max-width: 100%; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation: none !important;
transition: none !important;
}
}
}
@layer base {
body {
background: var(--deep);
color: var(--paper);
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.45;
letter-spacing: -0.01em;
-webkit-font-smoothing: antialiased;
}
body.iq-menu-open { overflow: hidden; }
.iq-sprite { position: absolute; }
:focus-visible { outline: none; }
}