body {
    font-family: 'Inter', sans-serif;
    background-color: #212529; /* Neutral dark grey */
    color: #dee2e6; /* Softer white for body text */
}

/* Make headings brighter to stand out */
h1, h2, h3, h4, h5, h6 {
    color: #f8f9fa;
}

.gradient-splash {
    background: linear-gradient(45deg, #0d1117, #161b22, #0d1117);
}

.section {
    padding: 80px 0;
}

.card {
    background-color: #343a40;
    border: 1px solid #495057;
    color: #dee2e6; /* Ensure text inside cards is readable */
}

.btn-gradient {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    border: none;
    color: white;
}

.webapp-container {
    /* This rule is simplified as the app page is now separate */
    display: block;
    height: 100vh;
}

.dashboard-sidebar {
    background-color: #161b22;
    padding: 20px;
    /* Ensure sidebar has a minimum width */
    flex-shrink: 0;
    width: 280px;
}

.main-app-window {
    padding: 20px;
}

.nav-tabs .nav-link {
    color: #f8f9fa;
    border: 1px solid transparent;
}

.nav-tabs .nav-link.active {
    background-color: #343a40;
    border-color: #495057 #495057 #343a40;
    color: #fff;
}

.tab-content {
    background-color: #2c3034;
    padding: 20px;
    border: 1px solid #495057;
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
}