/* ============================================
   MultiTake — Entry Stylesheet
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Base */
@import url('base/variables.css');
@import url('base/buttons.css');
@import url('base/forms.css');
@import url('base/scrollbar.css');

/* Layout */
@import url('layout/sidebar.css');
@import url('layout/header.css');
@import url('layout/main.css');

/* Components */
@import url('components/stories-panel.css');
@import url('components/detail-panel.css');
@import url('components/clips.css');
@import url('components/queue.css');
@import url('components/modal.css');
@import url('components/toast.css');
@import url('components/story-settings.css');
@import url('components/templates.css');
@import url('components/wizard.css');
@import url('components/themes.css');
@import url('components/ai.css');
@import url('components/content-type.css');
@import url('components/video.css');
@import url('components/import.css');
@import url('components/onboarding-tour.css');

/* Pages */
@import url('pages/onboarding.css');
@import url('pages/connection.css');
@import url('pages/settings.css');
@import url('pages/billing.css');
@import url('pages/admin.css');
@import url('pages/analytics.css');
@import url('pages/referral.css');
@import url('pages/legal.css');
@import url('components/cookie-consent.css');

/* Responsive */
@import url('responsive.css');

/* Global resets */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.6;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: var(--accent-subtle);
  color: var(--text-primary);
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--accent-hover);
}