/* General body and typography styles */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--page-bg-color, #f8f9fa); /* Lighter background for light theme, using variable */
    color: var(--text-color, #333); /* Use text color variable */
    line-height: 1.6;
}

/* Basic container for page content */
.page-container {
    padding: 15px;
    /*margin-top: 50px;*/ /* Space for fixed header */
    /*margin-bottom: 50px;*/ /* Space for fixed dock bar */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .page-container {
        padding: 10px;
    }
}