/* ============================================
   OptimaFin Academy - Main Stylesheet
   ============================================ */

/* Import all stylesheets in correct order */

/* 1. Variables - Design system tokens */
@import 'variables.css';

/* 2. Reset - Normalize browser defaults */
@import 'reset.css';

/* 3. Typography - Font imports and text styles */
@import 'typography.css';

/* 4. Layout - Grid systems, containers, spacing */
@import 'layout.css';

/* 5. Components - Reusable UI components */
@import 'components.css';

/* 6. Sections - Section-specific styles */
@import 'sections.css';

/* ============================================
   Global Styles
   ============================================ */

/* Smooth scrolling with offset for sticky header */
html {
  scroll-padding-top: 80px;
}

/* Selection color */
::selection {
  background: var(--color-primary);
  color: white;
}

::-moz-selection {
  background: var(--color-primary);
  color: white;
}

/* Focus visible for accessibility */
*:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Prevent horizontal scrolling */
body {
  overflow-x: hidden;
}