.bg   {background-color: var(--bg)}
.bg-2 {background-color: var(--bg-2)}
.bg-3 {background-color: var(--bg-3)}
.fg   {background-color: var(--fg)}
.fg-2 {background-color: var(--fg-2)}
.fg-3 {background-color: var(--fg-3)}

.color-bg   {color: var(--bg)}
.color-bg-2 {color: var(--bg-2)}
.color-bg-3 {color: var(--bg-3)}
.color-fg   {color: var(--fg)}
.color-fg-2 {color: var(--fg-2)}
.color-fg-3 {color: var(--fg-3)}

.txt {color: var(--txt)}
.txt-2 {color: var(--txt-2)}
.txt-3 {color: var(--txt-3)}

.invert     {color: var(--txt-invert)}
.title-font {font-family: var(--title)}
.head-font  {font-family: var(--head)}
.body-font  {font-family: var(--body)}

.side-pad {
    width: 100%;
    max-width: var(--max-w);
    padding: 0 var(--side-pad)
}

.side-pad.wide {
    max-width: var(--max-w-2);
}

p {
    line-height: var(--line-height);
}