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

:root {
    --lm-bg:           #F7F7F7;
    --lm-surface:      #FFFFFF;
    --lm-text:         #111827;
    --lm-muted:        #6B7280;

    --lm-dark:         #0F172A;
    --lm-primary:      #00B8D9;
    --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.navbar-transparent {
    border-bottom-color: transparent !important;
}

.navbar-brand,
.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);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

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

.btn-primary:hover {
    background-color: var(--lm-primary-hover);
    border-color: var(--lm-primary-hover);
}

.hero .btn-primary {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
}

.hero .btn-primary:hover {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: #fff;
}

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

footer a {
    color: #9CA3AF;
}

footer a:hover {
    color: #F9FAFB;
}