body { color: $base-font-color; // font-family: $base-font-family; font-size: $base-font-size; line-height: $base-line-height; } h1, h2, h3, h4, h5, h6 { font-family: $heading-font-family; font-size: $base-font-size; line-height: $heading-line-height; margin: 0; } p { margin: 0 0 $small-spacing; } a { color: $action-color; text-decoration-skip-ink: auto; transition: color $base-duration $base-timing; &:hover { color: mix($black, $action-color, 25%); } &:focus { outline: $focus-outline; outline-offset: $focus-outline-offset; } } hr { border-bottom: $base-border; border-left: 0; border-right: 0; border-top: 0; margin: $base-spacing 0; }