/* Bound — matte graphite interface */

:root {
    --b-bg: #111315;
    --b-panel: #191b1e;
    --b-panel-hover: #202327;
    --b-border: rgba(255, 255, 255, 0.13);
    --b-border-hover: rgba(255, 255, 255, 0.30);
    --b-text: #f0f0f0;
    --b-muted: #969ba3;
}

body {
    background: var(--b-bg) !important;
    color: var(--b-text);
}

/* Service cards */
.service-card {
    background: var(--b-panel) !important;
    border: 1px solid var(--b-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transition: background 150ms ease, border-color 150ms ease;
}

.service-card:hover {
    background: var(--b-panel-hover) !important;
    border-color: var(--b-border-hover) !important;
    box-shadow: none !important;
}

/* Service names and descriptions */
.service-card .service-card-name {
    color: var(--b-text) !important;
    font-weight: 500;
}

.service-card .service-card-description {
    color: var(--b-muted) !important;
}

/* Section headings */
.services-group h2 {
    color: var(--b-text);
    letter-spacing: 0.04em;
    font-weight: 600;
}

/* Widget panels */
.widget-container {
    background: var(--b-panel) !important;
    border: 1px solid var(--b-border);
    border-radius: 10px;
    box-shadow: none !important;
}

/* Search */
.search-bar {
    background: var(--b-panel) !important;
    border: 1px solid var(--b-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: #42464c;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background: var(--b-bg);
}