:root {
    font-family: "Fira Sans", "Trebuchet MS", Helvetica Neue, Arial, Helvetica, sans-serif;

    color: rgba(0, 0, 0, 0.85);
    color: var(--ink);
    background-color: #FFF;
    background-color: var(--paper);
}

form {
    background-color: #F7F7F7;
    background-color: var(--ui-bg);
}

label {
    color: rgba(0, 0, 0, 0.5);
    color: var(--muted);
}

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);
}

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

/* Note lists */


.form-action,
.action-btn {
    color: rgba(0, 0, 0, 0.85);
    color: var(--ink);
    background-color: rgba(153, 204, 255, 0.8);
    background-color: var(--ui2);
    border-color: rgba(153, 204, 255, 0.8);
    border-color: var(--ui);
    border-radius: 4px;
}

.action-btn:hover,
.action-btm:active {
    background-color: var(--ui);
}

.link:link {
    color: #007FFF;
    color: var(--link);
}

.link:visited {
    color: #003366;
    color: var(--visited);
}

.link:hover,
.link:active {
    color: #007FFF;
    color: var(--link);
    background-color: var(--ui-bg);
}