/* 
  Illuminate AI - Unified Main Entry
  Consolidates core styles for consistent UI/UX
*/

@import url('/css/core/design-tokens.css');
@import url('/css/core/styles.css');
@import url('/css/core/unified-theme.css');
@import url('/css/core/modern-theme.css');
@import url('/css/core/responsive.css');

/* Component Layers */
@import url('/css/components/button.css');
@import url('/css/components/card.css');
@import url('/css/components/modal.css');
@import url('/css/components/toast.css');
@import url('/css/features/unified-sidebar.css');

:root {
  /* Ensure consistent spacing variables if they differ */
  --header-height: 72px;
  --sidebar-width: 260px;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  overflow-x: hidden;
}

.main-with-sidebar {
  display: flex;
  min-height: 100vh;
}

.main-content {
  flex: 1;
  padding: var(--space-xl);
  margin-top: var(--header-height);
  transition: all 0.3s ease;
}

@media (max-width: 1024px) {
  .main-content {
    padding: var(--space-lg);
  }
}


/* Prevent theme flickering by disabling transitions on initial load */
.no-transition * {
  transition: none !important;
}