/* SciTeX Web - Main CSS Index */

/* Import Common CSS */
@import 'common/variables.css';
@import 'common/reset.css';
@import 'common/layout.css';
@import 'common/typography.css';
@import 'common/buttons.css';
@import 'common/forms.css';
@import 'common/cards.css';

/* Import Component CSS */
/* Header CSS already includes header-override.css styles */
@import 'components/header.css';
@import 'components/logo.css';
@import 'components/footer.css';
@import 'components/hero.css';
@import 'components/features.css';
@import 'components/dropdown.css';

/* Import Utility CSS */
@import 'darkmode.css';

/* Global styles */
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  font-family: var(--base-font-family);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  color: var(--text-color);
  background-color: var(--white);
}

main {
  flex: 1;
}

.container {
  width: var(--container-width);
  max-width: var(--container-max-width);
  margin: 0 auto;
}

.section {
  padding: var(--spacing-xxl) 0;
}

.section-alt {
  background-color: var(--gray-700);
  color: var(--white);
}

.text-center {
  text-align: center;
}

/* Margin utility classes */
.mb-1 { margin-bottom: var(--spacing-xs); }
.mb-2 { margin-bottom: var(--spacing-sm); }
.mb-3 { margin-bottom: var(--spacing-md); }
.mb-4 { margin-bottom: var(--spacing-lg); }
.mb-5 { margin-bottom: var(--spacing-xl); }

.mt-1 { margin-top: var(--spacing-xs); }
.mt-2 { margin-top: var(--spacing-sm); }
.mt-3 { margin-top: var(--spacing-md); }
.mt-4 { margin-top: var(--spacing-lg); }
.mt-5 { margin-top: var(--spacing-xl); }

/* Accessibility enhancements */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid var(--secondary-color) !important;
  outline-offset: 2px !important;
}

.skip-to-content {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--secondary-color);
  color: var(--white);
  padding: 8px;
  z-index: 100;
  transition: top 0.3s;
}

.skip-to-content:focus {
  top: 0;
}