/* Theme: Graphite + Cyan
   Usage: include AFTER css/luminares.css
*/

:root{
    --lm-bg: #F4F6F8;
    --lm-surface: #FFFFFF;
    --lm-text: #111827;
    --lm-muted: #64748B;

    --lm-dark: #0F172A;     /* header/footer dark */
    --lm-primary: #00B8D9;  /* CTA / highlights */
    --lm-primary-hover: #0891B2;
    --lm-border: #E5E7EB;
}

body{
    background-color: var(--lm-bg);
    color: var(--lm-text);
}

/* Navbar */
.navbar{
    background-color: var(--lm-surface) !important;
    border-bottom: 1px solid var(--lm-border);
}
.navbar-brand{
    color: var(--lm-text) !important;
}
.nav-link{
    color: var(--lm-text) !important;
}
.nav-link:hover{
    color: var(--lm-primary) !important;
}

/* Headings */
.section-title{
    color: var(--lm-text);
}

/* Cards */
.service-card{
    background-color: var(--lm-surface);
    border-color: var(--lm-border);
}

/* Buttons */
.btn-primary{
    background-color: var(--lm-primary);
    border-color: var(--lm-primary);
    color: #ffffff;
}
.btn-primary:hover{
    background-color: var(--lm-primary-hover);
    border-color: var(--lm-primary-hover);
}

/* Footer */
footer{
    background-color: var(--lm-dark) !important;
    color: #D1D5DB;
}
footer a{
    color: #93C5FD;
}
footer a:hover{
    color: #E0F2FE;
}