h1 {
    font-family: "NaN Jaune Maxi", serif;
    font-weight:  900;
    color: rgba(187, 0, 170, 0.48);
    color: var(--hdg);
}


input[type=text],
input[type=url],
input[type=password],
textarea {
    color: var(--ink);
    background-color: var(--paper);
    border-style: inset;
    border-color: #DDD;
    border-color: var(--ui-bg);
}


/* Note lists */

.filter-heading {
    color: rgba(0, 0, 0, 0.5);
    color: var(--muted);
}

.filter-hint {
    color: rgba(0, 0, 0, 0.5);
    color: var(--muted);
}

.series-desc {
    color: rgba(0, 0. 0, 0.7);
    color: var(--muted);
}

.note-unpublished {
    background-color: rgba(255, 240, 53, 0.10);
    background-color: var(--hl-paper);
}

/* Tags */

.tag,
.filter-tag {
    color: rgba(0, 0, 0, 0.5);
    color: var(--muted);
    background-color: rgba(128, 128, 128, 0.2);
    background-color: var(--tag);
}

.tag-link {
    color: inherit;
}

.tag:hover,
.tag:active {
    color: rgba(0, 0. 0, 0.85);
    color: var(--link);
    background-color: var(--ui-bg);
}

/* Subject list */

.loc {
    background-color: #FFF;
    background-color: var(--ui-bg2);
}

.loc-item,
.loc-list {
    border-color: rgba(0, 0, 0, 0.3);
    border-color: var(--faint);
}

.loc:hover,
.loc:active {
    background-color: rgba(153, 204, 255, 0.25);
    background-color: var(--ui-bg);
}

/* Note detail */

.note-metadata {
    color: rgba(0, 0, 0, 0.5);
    color: var(--muted);
}

.note-mastodon-link:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(mastodon-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
}