/* Базовая типографика */
html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-wide);
    color: var(--color-text);
    background-color: var(--color-page);
}

h1 {
    font-family: var(--font-heading);
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-heading);
    letter-spacing: 0;
}

h2 {
    font-family: var(--font-body);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-wide);
}

a {
    color: inherit;
}

/* Акцент в заголовках: разметка [[...]] → <span class="accent"> */
.accent {
    color: var(--color-accent);
}