/* text */
html, body,
input, select {
    font-family: 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--text-color);
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}

hgroup p {
    margin: 0;
    font-weight: 500;
}

aside > .header > h1 {
    font-size: 14px;
    height: 0;
    margin-top: auto;
    margin-bottom: 0;
    font-weight: bold;
    visibility: hidden;
    line-height: calc(1.2 * 20px);
}

.bold {
    font-weight: 700;
}

.text-s {
    font-size: 0.9em;
}

.text-info {
    font-size: 11px;
    color: #959595;
    letter-spacing: 1px;
}

.font-primary {
    color: var(--accent-primary-color);
}

.font-warning {
    color: var(--accent-warning-color);
}

.font-inverted {
    color: var(--text-inverted-color);
}

.font-gray {
    color: #aaa;
}

.font-dark-gray {
    color: #676767;
}

.text-center {
    text-align: center;
}

.mono {
    font-family: "IBM Plex Mono", monospace;
}