* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: var(--font-main);
    color: var(--text);
    background:
        radial-gradient(circle at 20% 10%, rgba(255,255,255,.92), transparent 30%),
        var(--bg);
    line-height: 1.45;
}
img { display: block; width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(236,104,25,.45); outline-offset: 3px; }