/**
 * CSS principal pour JodoTarot
 * Importe tous les styles nécessaires dans le bon ordre
 */

/**
 * Styles principaux de l'application JodoTarot
 * 
 * IMPORTANT: Toutes les variables CSS doivent être définies dans /assets/css/base/variables.css
 * Ne pas redéfinir de variables ici - utiliser uniquement var(--variable-name)
 */

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

/* Utilitaires (déplacé en haut pour être disponible partout) */
@import 'utils/scrolling.css';
@import 'utils/animations.css';
@import 'utils/helpers.css';

/* Composants */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/card-enlarger.css';
@import 'components/forms.css';
@import 'components/information-zone.css';
@import 'components/interpretation.css';
@import 'components/copy-button.css';
@import 'components/loading.css';
@import 'components/modal.css';
@import 'components/select.css';
@import 'components/warnings.css';

/* Layouts */
@import 'layouts/container.css';
@import 'layouts/header.css';
@import 'layouts/panels.css';

/* Modules */
@import 'modules/cross-spread.css';
@import 'modules/horseshoe-spread.css';
@import 'modules/love-spread.css';
@import 'modules/celtic-cross-spread.css';
@import 'modules/interpretations.css';
@import 'modules/persona.css';
@import 'modules/select.css';

/**
 * Ce fichier central permet d'organiser les importations CSS
 * selon une structure logique et facilite la maintenance.
 * 
 * L'ordre d'importation est important :
 * 1. Variables et reset (fondation)
 * 2. Utilitaires (disponibles partout)
 * 3. Composants atomiques réutilisables
 * 4. Layouts et structures de page
 * 5. Modules spécifiques à l'application
 */

/* Règles globales minimales */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Suppression des styles redondants de défilement qui sont maintenant dans scrolling.css */
/* Styles pour les boutons désactivés définis dans components/buttons.css */