/*
============================================================
LEGALFREI GLOBAL PREMIUM DARK THEME
============================================================
ONE VISUAL SYSTEM FOR THE ENTIRE WEBSITE
============================================================
*/

html{
    background:#06111f !important;
    color:#d7e7f3 !important;
    color-scheme:dark;
}

body{
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(64,210,255,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 25%,
            rgba(125,95,255,.08),
            transparent 30%
        ),
        #06111f !important;

    color:#d7e7f3 !important;
}


/* ============================================================
   GLOBAL TEXT
============================================================ */

body p,
body li,
body span,
body small,
body label,
body td,
body th,
body dt,
body dd{
    color:#c7d8e8 !important;
}


/* ============================================================
   HEADINGS
============================================================ */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
    color:#ffffff !important;
}


/* ============================================================
   LINKS
============================================================ */

body a{
    color:#72eaff !important;
}

body a:hover{
    color:#ffffff !important;
}


/* ============================================================
   FORMS
============================================================ */

body input,
body textarea,
body select{
    background:#0a2034 !important;

    color:#ffffff !important;

    border:
        1px solid
        rgba(114,234,255,.25) !important;
}

body input::placeholder,
body textarea::placeholder{
    color:#8faabd !important;
}


/* ============================================================
   BUTTONS
============================================================ */

body button,
body .btn,
body [role="button"]{
    color:#ffffff !important;
}


/* ============================================================
   CUSTOMER REVIEWS
============================================================ */

#customer-reviews,
.lf-shared-reviews{

    background:
        linear-gradient(
            145deg,
            #071a2b,
            #061321
        ) !important;

    color:#d7e7f3 !important;
}


/* Review title */

#customer-reviews h1,
#customer-reviews h2,
#customer-reviews h3,
.lf-shared-reviews h1,
.lf-shared-reviews h2,
.lf-shared-reviews h3{
    color:#ffffff !important;
}


/* Review description */

#customer-reviews p,
.lf-shared-reviews p{
    color:#d8e8f5 !important;
}


/* Review cards */

.lf-shared-review-card{

    background:
        linear-gradient(
            145deg,
            rgba(15,39,61,.98),
            rgba(7,22,38,.98)
        ) !important;

    border:
        1px solid
        rgba(114,234,255,.20) !important;

    color:#d8e8f5 !important;

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.25) !important;
}


/* Review text */

.lf-shared-review-card p{
    color:#d8e8f5 !important;
}


/* Reviewer name */

.lf-shared-review-card strong{
    color:#ffffff !important;
}


/* Stars */

.lf-shared-stars{
    color:#ffd36a !important;
}


/* Review links */

.lf-shared-review-card a{
    color:#72eaff !important;
}


/* ============================================================
   ABOUT PAGE
============================================================ */

.lf-about-v5,
.lf-about-v5 p,
.lf-about-v5 li{
    color:#c7d8e8 !important;
}

.lf-about-v5 h1,
.lf-about-v5 h2,
.lf-about-v5 h3,
.lf-about-v5 h4{
    color:#ffffff !important;
}


/* ============================================================
   ABOUT PAGE PANELS
============================================================ */

.lf-about-v5 article,
.lf-about-v5 .card,
.lf-about-v5 .panel{
    color:#d7e7f3 !important;
}


/* ============================================================
   NAVIGATION
============================================================ */

nav a,
header a{
    color:#e5f5ff !important;
}


/* ============================================================
   FOOTER
============================================================ */

footer,
.site-footer{
    color:#c7d8e8 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer strong{
    color:#ffffff !important;
}

footer p,
footer span,
footer li{
    color:#b9ccdc !important;
}

footer a{
    color:#72eaff !important;
}


/* ============================================================
   CARDS / CONTENT BOXES
============================================================ */

body .card,
body .panel,
body .content-card{
    color:#d7e7f3 !important;
}


/* ============================================================
   DARK MODE CONFLICT PROTECTION
============================================================ */

html.lf-application-premium-dark,
html.lf-application-premium-dark body{
    background:#06111f !important;
    color:#d7e7f3 !important;
}


/* ============================================================
   VISIBILITY PROTECTION
============================================================ */

body .text-white{
    color:#ffffff !important;
}

body .text-muted{
    color:#b8ccdc !important;
}


/* ============================================================
   ACCESSIBILITY
============================================================ */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{

    outline:
        2px solid
        #72eaff !important;

    outline-offset:3px;
}


/* ============================================================
   MOBILE
============================================================ */

@media(max-width:700px){

    body{
        overflow-x:hidden;
    }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}