:root {
    color-scheme: light;
}

html {
    font-size: var(--font-base-size);
    background: var(--color-surface-muted);
}

body {
    min-height: 100vh;
    background: transparent;
    color: var(--color-ink);
    font-family: var(--font-family-base);
    font-size: var(--font-size-14);
    line-height: var(--font-line-height-base);
    font-weight: var(--font-weight-regular);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--color-accent);
    text-decoration: none;
}

a:hover,
a:focus-visible {
    color: var(--color-accent-strong);
}

code {
    padding: 0.125rem 0.4rem;
    border-radius: 0.45rem;
    background: rgba(48, 73, 103, 0.08);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 0.9em;
    color: var(--color-accent-deep);
}