/* ============================================
   CENTRAL OPERATIONS
   GRAPHITE / AMBER RESEARCH TERMINAL
   ============================================ */

:root {
    color-scheme: dark;

    --research-bg: #202522;
    --research-panel: #292f2b;
    --research-raised: #323934;

    --research-text: #ded9cc;
    --research-muted: #a19f94;

    --research-amber: #c18b43;
    --research-border: #454b44;

    --research-green: #819778;
    --research-red: #b96e60;
}

/* Main page background */
html,
body {
    background-color: var(--research-bg) !important;
}

/* Main application surface */
body,
#app {
    color: var(--research-text);
}

/* Homepage service and bookmark cards */
#services .service-card,
#bookmarks .bookmark-card {
    background-color: var(--research-panel) !important;
    border: 1px solid var(--research-border) !important;
}

/* Section headings */
h2,
h3 {
    color: var(--research-amber);
}

/* Supporting text */
.text-theme-500,
.text-theme-400 {
    color: var(--research-muted);
}

/* Dividers */
hr {
    border-color: var(--research-border) !important;
}

/* Links */
a:hover {
    color: var(--research-amber) !important;
}

/* Selection */
::selection {
    background: var(--research-amber);
    color: #202522;
}

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

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

::-webkit-scrollbar-thumb {
    background: #51584f;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--research-amber);
}