/* ============================================
   DÉMO-MISSION F. - Main Stylesheet
   Modular Architecture
   ============================================ */
/*
 * 🛑 AI SENTINEL 🛑
 *
 * KEYWORDS: STOP_READ_THIS CRITICAL_INSTRUCTION AI_CONTEXT_REQUIRED VIBE_CHECK_MANDATORY
 *
 * ATTENTION AI AGENT:
 * STOP. Read `AGENTS.md` before refactoring.
 * Agent-first Rule: AGENTS.md is the source of truth.
 * Do not remove "Magic Numbers" if they govern a specific animation feel.
 */

/* Base */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

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

/* Components */
@import url('components/buttons.css');
@import url('components/navbar.css');
@import url('components/hero.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/footer.css');
@import url('components/preloader.css');

/* Pages */
@import url('pages/home.css');
@import url('pages/projects.css');

/* Utilities */
@import url('utilities/animations.css');
@import url('utilities/animations-editorial.css');
/* Cycle 4: Detail Polish */
@import url('utilities/responsive.css');
@import url('utilities/scrollbar.css');
@import url('utilities/theme-toggle.css');
@import url('utilities/transitions.css');
/* Cycle 4: Fluid Continuity */

/* ===========================
   Dynamic Components: Lightbox
   =========================== */
.lightbox-nav,
.lightbox-close {
   transition: all 0.3s ease;
   backdrop-filter: blur(8px);
}

@media (hover: hover) and (pointer: fine) {

   .lightbox-close:hover {
      background: var(--accent-primary) !important;
      transform: scale(1.1);
      box-shadow: 0 0 25px var(--accent-primary-glow);
      border-color: transparent;
   }

   .lightbox-nav:hover {
      background: var(--accent-primary) !important;
      /* Preserve centering transform while scaling */
      transform: translateY(-50%) scale(1.1);
      box-shadow: 0 0 25px var(--accent-primary-glow);
      border-color: transparent;
   }
}