body {
    color: var(--foreground);
}

/* .h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    color: var(--foreground);
} */

/* Link */
a,
a:link,
a:visited {
    /* color: #1E293B; */
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    a:hover {
        color: var(--primary);
    }
}

/* Input, Textarea */
input::placeholder,
textarea::placeholder {
    color: #94A3B8;
}

/* Button */
/* Button - solid (default) */
.btn,
a.btn {
    padding: 4px 16px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    color: var(--primary-foreground);
    background-color: var(--primary-800);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: var(--shadow);
    cursor: pointer;
}


.btns.btn-type-w {
    color: var(--primary-800);
    background: var(--primary-foreground);
    border: 1px solid var(--primary-800);
}

.btn:hover,
a.btn:hover {
    color: var(--primary-foreground);
    background-color: var(--primary-900);
    border-color: var(--primary-900);
}

.btn:active,
.btn:focus,
a.btn:active,
a.btn:focus {
    color: var(--primary-foreground);
    background-color: var(--primary);
    outline: none;
}

.btn:disabled,
.btn.disabled,
a.btn:disabled,
a.btn.disabled {
    color: var(--muted-foreground);
    background-color: var(--muted);
    cursor: not-allowed;
}

/* Button - outline */
.btn.outline,
a.btn.outline {
    color: #666;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: 0px 10px 20px -13px rgba(0, 0, 0, 0.25);
}

.btn.outline:hover,
a.btn.outline:hover {
    color: var(--primary-900);
    background-color: #fff;
    border-color: var(--primary-900);
}

.btn.outline:active,
.btn.outline:focus,
a.btn.outline:active,
a.btn.outline:focus {
    color: var(--primary);
    background-color: var(--primary-300);
    border-color: var(--primary);
    outline: none;
}

.btn.outline:disabled,
.btn.outline.disabled,
a.btn.outline:disabled,
a.btn.outline.disabled {
    color: var(--muted-foreground);
    background-color: var(--primary-foreground);
    border-color: var(--muted-foreground);
}

/* Button - ghost */
.btn.ghost,
a.btn.ghost {
    color: var(--primary-800);
    background-color: transparent;
    box-shadow: none;
}

.btn.ghost:hover,
a.btn.ghost:hover {
    color: var(--primary-900);
    background-color: var(--primary-100);
}

.btn.ghost:active,
.btn.ghost:focus,
a.btn.ghost:active,
a.btn.ghost:focus {
    color: var(--primary);
    background-color: var(--primary-300);
    outline: none;
}

.btn.ghost:disabled,
.btn.ghost.disabled,
a.btn.ghost:disabled,
a.btn.ghost.disabled {
    color: var(--muted-foreground);
    background-color: var(--primary-foreground);
}

/* Badge */
/* Badge - outline */
.badge.outline {
    color: var(--foreground);
    background-color: transparent;
    border: 1px solid var(--foreground);
}

/* Badge - destructive */
.badge.destructive {
    color: var(--accent);
    background-color: transparent;
    border: 1px solid var(--accent);
}