/* Main CSS File - Imports all stylesheets in order */

/* 1. Reset */
@import url('reset.css');

/* 2. Variables */
@import url('variables.css');

/* 3. Layout */
@import url('layout.css');

/* 4. Header and Navigation */
@import url('header.css');

/* 5. Sections (Hero, About, Services, Contact, Footer) */
@import url('sections.css');

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

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Accessibility - Skip to content link */
.skip-to-content {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-accent);
  color: var(--color-text-inverse);
  padding: 8px;
  text-decoration: none;
  z-index: 100;
}

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