//==================================================================
// COMMON STYLES
//==================================================================

/* SOCIALS */
$social-colors: (
    facebook: rgb(59, 89, 152),
    twitter: rgb(85, 172, 238),
    instagram: rgb(172, 43, 172),
    linkedin: rgb(0, 130, 202),
    pinterest: rgb(198, 17, 24),
    youtube: rgb(237, 48, 47),
    github: rgb(51, 51, 51),
    reddit: rgb(255, 69, 0),
    slack: rgb(72, 20, 73),
    dribble: rgb(236, 74, 137),
    whatsapp: rgb(37, 211, 102),
    tumblr: rgb(53, 70, 92)
);

body {
    background: var(--primary-bg);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    font-family: $font-family-base;
    font-weight: $font-weight-base;
    font-size: $font-size-base;
    line-height: $line-height-base;
}


//blockquote {
//    border-left: 5px solid var(--blockquote-highlight);
//    padding-left: 1rem;
//    color: var(--blockquote-color);
//
//    &[class^="alert-"] {
//        @extend %alert;
//
//        &::before {
//            margin-right: 1rem;
//            font-family: "Font Awesome 5 Free";
//            text-align: center;
//            width: 1.25rem;
//        }
//
//        p:last-child { margin-bottom: 0; }
//    }
//
//    @include alert("primary", "", 400);
//
//    @include alert("secondary", "");
//
//    @include alert("success", "");
//
//    @include alert("danger", "");
//
//    @include alert("warning", "");
//
//    @include alert("info", "");
//
//    @include alert("light", "");
//
//    @include alert("dark", "");
//}
//
//mjx-container {
//    overflow-x: auto;
//    overflow-y: hidden;
//}
//
//footer {
//    @include pl-pr(1.5rem);
//
//    font-size: 0.8rem;
//
//    > div.d-flex {
//        height: $footer-height;
//        line-height: 1.2rem;
//        padding-bottom: 1rem;
//        border-top: 1px solid var(--main-border-color);
//
//        > div { width: 350px; }
//    }
//    a {
//        @extend %text-color;
//
//        &:link { @include no-text-decoration; }
//
//        &:hover {
//            @extend %link-hover;
//            @include no-text-decoration;
//        }
//    }
//
//    .footer-right { text-align: right; }
//}
//