/* Main CSS file that imports all component styles */

/* Base styles */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/components.css');
@import url('./base/animations.css');
@import url('./base/performance.css');
@import url('midi-device.css');

/* Themes */
@import url('./themes/theme-variations.css');

/* Layout */
@import url('./layout/container.css');
@import url('./layout/responsive.css');

/* Components */
@import url('./components/controls.css');
@import url('./components/piano.css');
@import url('./components/toolbar.css');
@import url('./components/loop-controls.css');
@import url('./components/sidebar.css');
@import url('./components/modals.css');
@import url('./components/song-library.css');
@import url('./components/track-list.css');
@import url('./components/loading-screen.css');

/* Additional styling imports here */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent scrollbars if content slightly overflows */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--bg-color); /* Ensure body bg matches theme */
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 1.5;
}