/* Norgren Website - Main CSS File */
/* This file imports all CSS modules in the correct order */

/* 1. CSS Variables - Must be loaded first */
@import url('variables.css');

/* 2. Base styles and typography */
@import url('base.css');

/* 3. Component styles */
@import url('components.css');

/* 3.1. Header specific styles */
@import url('header.css');

/* 4. Layout and responsive styles */
@import url('layout.css');

/* 5. Utility classes and overrides */
@import url('utilities.css');

/* Additional custom styles specific to main.css can be added here */

/* Focus states for better accessibility */
.btn:focus-visible,
.nav-link:focus-visible,
a:focus-visible {
  outline: 2px solid var(--primary-color) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.2) !important;
}

/* Enhanced visual feedback */
.card:focus-within,
.product-card:focus-within,
.innovation-card:focus-within,
.news-card:focus-within {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-light);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: var(--radius-sm);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-color);
}

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

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