/* Main Studific CSS - Entry point */

/* Import variables first so they're available to all other files */
@import './base/variables.css';

/* Import base styles */
@import './base/reset.css';
@import './base/typography.css';
@import './base/utilities.css';

/* Import layout components */
@import './layout/grid.css';
@import './layout/container.css';

/* Import UI components */
@import './components/buttons.css';
@import './components/cards.css';
@import './components/forms.css';
@import './components/navigation.css';
@import './components/unified-header.css';
@import './components/progress.css';

/* Import page-specific styles */
/* These should come last to allow overrides */

/* Import responsive styles last */
@import './base/responsive.css';

/* Base global styles */
  /* Fix scrolling issues */
html, body {
  height: auto;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  margin: 0;
  padding: 0;
  background-color: var(--color-background, #F8FAFD);
  color: var(--color-text-primary, #111827);
  line-height: 1.5;
}

/* Using mouse class for focus styles */
body.using-mouse *:focus {
  outline: none;
}

.app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow-y: visible;
}