/*
|--------------------------------------------------------------------------
| Nexora Digital Theme Colors
|--------------------------------------------------------------------------
*/


:root{


    /* Primary Brand Colors */

    --primary-color:#2563eb;

    --primary-hover:#1d4ed8;


    --secondary-color:#7c3aed;


    --accent-color:#06b6d4;




    /* Background Colors */

    --body-bg:#ffffff;

    --section-bg:#f8fafc;

    --card-bg:#ffffff;


    --dark-bg:#111827;





    /* Text Colors */


    --text-color:#333333;

    --heading-color:#111827;

    --muted-color:#6b7280;


    --light-text:#ffffff;





    /* Border Colors */


    --border-color:#e5e7eb;


    --shadow-color:

    rgba(0,0,0,0.08);






    /* Button Colors */


    --btn-primary:

    var(--primary-color);


    --btn-hover:

    var(--primary-hover);






    /* Status Colors */


    --success-color:#16a34a;


    --warning-color:#f59e0b;


    --danger-color:#dc2626;

}





/*
|--------------------------------------------------------------------------
| Global Theme Apply
|--------------------------------------------------------------------------
*/


body{


    background:

    var(--body-bg);


    color:

    var(--text-color);


}





h1,

h2,

h3,

h4,

h5,

h6{


    color:

    var(--heading-color);


}





p{


    color:

    var(--muted-color);


}





/*
|--------------------------------------------------------------------------
| Primary Elements
|--------------------------------------------------------------------------
*/


.btn-primary{


    background:

    var(--primary-color);


    color:

    var(--light-text);


}



.btn-primary:hover{


    background:

    var(--primary-hover);


}






/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/


.service-card,

.portfolio-card,

.testimonial-card,

.card{


    background:

    var(--card-bg);


    box-shadow:

    0 10px 30px var(--shadow-color);


}






/*
|--------------------------------------------------------------------------
| Section Background
|--------------------------------------------------------------------------
*/


.services,

.testimonials,

.faq{


    background:

    var(--section-bg);


}






/*
|--------------------------------------------------------------------------
| Footer Theme
|--------------------------------------------------------------------------
*/


.footer{


    background:

    var(--dark-bg);


    color:

    var(--light-text);


}






/*
|--------------------------------------------------------------------------
| Dark Theme Ready
|--------------------------------------------------------------------------
*/


.dark-theme{


    --body-bg:#111827;


    --section-bg:#1f2937;


    --card-bg:#1f2937;


    --text-color:#e5e7eb;


    --heading-color:#ffffff;


    --muted-color:#cbd5e1;


    --border-color:#374151;


}