/**
 * MUSTO ERP - Fichier Principal CSS
 * Importe tous les fichiers de la charte graphique
 * 
 * Structure :
 * 1. Base (variables, reset, typography)
 * 2. Components (buttons, cards, forms, navigation, tables, modals, alerts)
 * 3. Layout (grid, spacing)
 * 4. Utilities (helpers, animations)
 * 5. Themes (musto theme)
 */

/* ============================================
   BASE
   ============================================ */

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

/* ============================================
   COMPONENTS
   ============================================ */

@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/navigation.css');
@import url('./components/tables.css');
@import url('./components/modals.css');
@import url('./components/alerts.css');

/* ============================================
   LAYOUT
   ============================================ */

@import url('./layout/grid.css');
@import url('./layout/spacing.css');

/* ============================================
   UTILITIES
   ============================================ */

@import url('./utilities/helpers.css');
@import url('./utilities/animations.css');

/* ============================================
   THEMES
   ============================================ */

@import url('./themes/musto.css');

/* ============================================
   STYLES GLOBAUX SUPPLEMENTAIRES
   ============================================ */

/* Application de la police Roboto partout */
* {
  font-family: var(--font-family-primary);
}

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

/* Focus visible amélioré */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--border-radius-base);
}

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

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

/* Scrollbar personnalisée (optionnel) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-gray-100);
}

::-webkit-scrollbar-thumb {
  background: var(--color-gray-400);
  border-radius: var(--border-radius-full);
}

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

/* ============================================
   PRINT STYLES
   ============================================ */

@media print {
  .musto-sidebar,
  .musto-navbar,
  .musto-btn,
  .musto-modal {
    display: none !important;
  }
  
  .musto-card {
    box-shadow: none !important;
    border: var(--border-width-1) solid var(--color-gray-300) !important;
  }
}