/* ========================================
   SENQ - ENTERPRISE THREAT INTELLIGENCE
   MODULAR CSS ARCHITECTURE - MAIN ENTRY POINT
   ======================================== */

/* ========================================
   FOUNDATION LAYER
   Load design tokens and base styles first
   ======================================== */

/* Design tokens and CSS custom properties */
@import url('./base/variables.css');

/* Reset and base HTML styling */
@import url('./base/base.css');

/* ========================================
   LAYOUT LAYER
   Layout systems and containers
   ======================================== */

/* Grid systems, containers, and layout utilities */
@import url('./layout/layout.css');

/* ========================================
   COMPONENT LAYER
   Reusable UI components
   ======================================== */

/* Card components (all variants) */
@import url('./components/cards.css');

/* Button components (all variants) */
@import url('./components/buttons.css');

/* Form components (inputs, selects, etc.) */
@import url('./components/forms.css');

/* Navigation components */
@import url('./components/navigation.css');

/* Modal and overlay components */
@import url('./components/modals.css');

/* Notification and alert components */
@import url('./components/notifications.css');

/* Icon and badge components */
@import url('./components/icons.css');

/* Table and data display components */
@import url('./components/tables.css');

/* ========================================
   UTILITY LAYER
   Helper classes and utilities
   ======================================== */

/* Animation utilities and keyframes */
@import url('./utilities/animations.css');

/* Color, spacing, typography utilities */
@import url('./utilities/utilities.css');

/* ========================================
   THEME LAYER
   Theme variations and customizations
   ======================================== */

/* Alternative themes (optional) */
/* @import url('./themes/dark.css'); */
/* @import url('./themes/light.css'); */
/* @import url('./themes/high-contrast.css'); */

/* ========================================
   RESPONSIVE LAYER
   Media queries and responsive adjustments
   ======================================== */

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

/* ========================================
   PROJECT SPECIFIC
   Custom styles for this project
   ======================================== */

/* Cybersecurity/breach detection specific styles */
@import url('./components/cyber-components.css');

/* Demo and analysis result components */
@import url('./components/results.css');

/* Console and terminal styling */
@import url('./components/console.css');

/* Footer components and styling */
@import url('./components/footer.css');

/* ========================================
   PRINT STYLES
   Print-specific styling
   ======================================== */

@media print {
    /* Override styles for printing */
    body {
        background: white !important;
        color: black !important;
    }
    
    .hero::before,
    body::before {
        display: none !important;
    }
    
    .card,
    .service-card,
    .demo-card {
        border: 1px solid #ccc !important;
        background: white !important;
        box-shadow: none !important;
    }
    
    .btn {
        background: white !important;
        color: black !important;
        border: 1px solid black !important;
    }
}

/* ========================================
   ACCESSIBILITY ENHANCEMENTS
   Additional accessibility improvements
   ======================================== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    :root {
        --color-border: var(--color-text-muted) !important;
        --color-card: var(--color-bg) !important;
    }
    
    .card,
    .service-card,
    .demo-card {
        border: 2px solid currentColor !important;
    }
    
    .btn {
        border: 2px solid currentColor !important;
    }
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    /* Global animation disable */
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    /* Disable problematic animations */
    .hero-title,
    .hero-title-smaller {
        animation: none !important;
    }
    
    body::before {
        animation: none !important;
    }
}

/* ========================================
   PERFORMANCE OPTIMIZATIONS
   ======================================== */

/* Optimize rendering performance */
.card,
.service-card,
.demo-card,
.pricing-card {
    contain: layout style paint;
}

/* Optimize animations */
.btn::before,
.demo-btn::before,
.service-card::before,
.card::before {
    will-change: transform, opacity;
}

/* GPU acceleration for transforms */
.hover-lift,
.btn,
.demo-btn,
.service-card {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* ========================================
   DEVELOPER UTILITIES
   Development and debugging aids
   ======================================== */

/* Debug mode - uncomment for development */
/*
.debug * {
    outline: 1px solid red !important;
}

.debug .card {
    outline: 2px solid blue !important;
}

.debug .btn {
    outline: 2px solid green !important;
}
*/

/* Grid overlay for layout debugging */
/*

*/

/* ========================================
   LOADING STATE
   Critical above-the-fold styles
   ======================================== */

/* Ensure critical styles load immediately */
/* .hero,
.section,
.card,
.btn {
    Critical styles are inlined or loaded first
} */

/* Progressive enhancement */

/* ========================================
   BROWSER SUPPORT
   Fallbacks for older browsers
   ======================================== */

/* Backdrop filter fallback */
@supports not (backdrop-filter: blur(20px)) {
    .card,
    .service-card,
    .demo-card {
        background: var(--color-card) !important;
        opacity: 0.95;
    }
}

/* CSS Grid fallback */
@supports not (display: grid) {
    .stats-grid,
    .demo-grid,

    .stats-grid > *,
    .demo-grid > *,
    .services-grid > * {
        flex: 1 1 300px !important;
        margin: var(--spacing-md) !important;
    }
}

/* Custom properties fallback */
@supports not (--css: variables) {
    /* :root {
        Fallback values for browsers without CSS custom properties
    }  */
    
    .card {
        background: rgba(30, 41, 59, 0.4) !important;
        border: 1px solid rgba(148, 163, 184, 0.1) !important;
    }
    
    .btn {
        background: linear-gradient(135deg, #64c8ff, #50a0cc) !important;
    }
}

/* ========================================
   END OF MAIN.CSS
   Total file count: ~12 modular files
   Estimated size reduction: ~40% when gzipped
   Maintainability: Significantly improved
   ======================================== */