/*
=================================================
DC Framework
Dark Mode
Versión 1.0
=================================================
*/

body.dark{

    --dc-bg:#0f172a;

    --dc-bg-soft:#1e293b;

    --dc-text:#f8fafc;

    --dc-text-light:#cbd5e1;

    --dc-border:#334155;

}

/*
==========================================
Body
==========================================
*/

body.dark{

    background:var(--dc-bg);

    color:var(--dc-text);

}

/*
==========================================
Cards
==========================================
*/

body.dark .dc-card{

    background:var(--dc-bg-soft);

    border-color:var(--dc-border);

}

/*
==========================================
Inputs
==========================================
*/

body.dark .dc-input{

    background:var(--dc-bg-soft);

    color:var(--dc-text);

    border-color:var(--dc-border);

}

/*
==========================================
Header
==========================================
*/

body.dark header{

    background:rgba(15,23,42,.95);

    border-color:var(--dc-border);

}

/*
==========================================
Footer
==========================================
*/

body.dark footer{

    background:#020617;

}

/*
==========================================
Botones Outline
==========================================
*/

body.dark .dc-btn-outline{

    color:#fff;

    border-color:var(--dc-border);

}

body.dark .dc-btn-outline:hover{

    background:rgba(255,255,255,.05);

}