@layer base {
    body {
        font-family: var(--font-body);
        font-weight: var(--weight-body);
        font-size: var(--step-0);
        line-height: var(--lh-body);
        color: var(--ink);
        background: var(--surface);
        -webkit-font-smoothing: antialiased;
    }

    h1,
    h2,
    h3 {
        font-family: var(--font-display);
        font-weight: var(--weight-body);
        line-height: var(--lh-tight);
        letter-spacing: var(--tracking-display);
        color: var(--ink-strong);
    }

    h1 {
        font-size: var(--step-5);
    }

    h2 {
        font-size: var(--step-3);
    }

    h3 {
        font-size: var(--step-2);
    }

    h4,
    h5,
    h6 {
        font-family: var(--font-body);
        font-weight: var(--weight-strong);
        font-size: var(--step-1);
        line-height: var(--lh-tight);
    }

    p,
    li,
    dd {
        max-width: var(--measure);
    }

    p + p {
        margin-top: var(--space-s);
    }

    a {
        color: var(--action-hover);
        text-decoration-thickness: 1px;
        text-underline-offset: 0.15em;
        transition: color var(--transition);
    }

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

    strong,
    b {
        font-weight: var(--weight-strong);
    }

    small {
        font-size: var(--step--1);
    }

    blockquote {
        font-family: var(--font-accent);
        font-weight: var(--weight-accent);
        font-size: var(--step-2);
        color: var(--ink-muted);
    }

    hr {
        border: 0;
        border-top: 1px solid var(--rule);
        margin: var(--space-l) 0;
    }

    ::selection {
        background: var(--accent);
        color: var(--surface);
        text-shadow: none;
    }

    .skip {
        position: absolute;
        left: -100vw;
    }

    .skip:focus-visible {
        left: var(--space-2xs);
        top: var(--space-2xs);
        z-index: 1;
        padding: var(--space-2xs) var(--space-xs);
        background: var(--surface);
        border-radius: var(--radius);
    }
}