/***************************************************************************************************************
* MMRISK MAIN STYLESHEET
* 
* This is the entry point for the modern CSS architecture that replaces the previous monolithic style.css.
* This approach offers better organization, maintainability, and performance.
***************************************************************************************************************/

/* Design System - Primary Source of Truth */
@import 'globals.css';

/* Core styles - only component-specific, not duplicating globals.css */
@import 'base.css';

/* Layout primitives */
@import 'layout.css';

/* UI components */
@import 'components.css';
@import 'components/buttons.css';
/* Premium Tesla/Apple-inspired Button components */
@import 'components/blog-cards.css';
/* Premium Tesla/Apple-inspired Blog Cards component */
@import 'components/about-features.css';
/* Premium About Features component */
@import 'components/director-profile.css';
/* Premium Director Profile component */
@import 'components/director-bio-cards.css';
/* Premium Director Bio Cards component */
@import 'components/core-values.css';
/* Premium Core Values component */
@import 'components/service-details.css';
/* Premium Service Details component */
@import 'components/service-process.css';
/* Premium Service Process component */
@import 'components/service-link-fix.css';
/* Fix to remove all circular elements from service links */
@import 'components/home-faq.css';
/* Premium FAQ accordion component */
@import 'components/home-training.css';
/* Premium Training section for homepage */

/* Helper classes and utilities */
@import 'utilities.css';

/* Page-specific styles */
@import 'pages/hero.css';
/* Blog page imports removed for clean rebuild */
@import 'pages/about.css';
/* Premium About Us page styles */
@import 'pages/services.css';
/* Premium Services section styles */
@import 'pages/training.css';
/* Premium Training section styles */
/* Additional page styles will be added as they are developed */

/*==============================================
* GLOBAL OVERRIDES
* These styles target elements with global scope
===============================================*/

body {
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

/* Ensures images behave properly */
img {
  max-width: 100%;
  height: auto;
}

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

/* Skip link for accessibility */
.skip-link:focus {
  top: 0;
}

/* Scroll to top button styles removed - will be redesigned after layout fixes */

/*==============================================
* ANIMATIONS - REMOVED FOR REWORK
* Animation system will be reimplemented
===============================================*/