/* Reset + element defaults driven by tokens */

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0;
    font-family: var(--font-family);
    background: var(--color-bg);
    color: var(--color-text-primary);
    line-height: 1.6;
}

h1, h2, h3 {
    margin: 0;
    letter-spacing: -0.02em;
}

h1:focus {
    outline: none;
}

p {
    margin: 0;
}

a {
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color var(--duration-micro) var(--easing-default);
}

    a:hover {
        color: var(--color-accent);
    }