/**
 * CSS Custom - Dioqa Starter Custom
 * Fichier principal pour vos styles custom
 *
 * @package Dioqa_Starter_Custom
 */

/* ========================================
   IMPORTS DES SECTIONS
   ======================================== */

/* Importez ici les fichiers CSS de vos sections custom */
/* Exemple :
@import url('sections/ma-section.css');
@import url('sections/autre-section.css');
*/

/* ========================================
   HEADER & FOOTER CUSTOM
   ======================================== */

/* Styles pour votre header personnalisé */
/* Exemple :
.site-header {
  background-color: var(--bs-primary);
  padding: 1rem 0;
}
*/

/* Styles pour votre footer personnalisé */
/* Exemple :
.site-footer {
  background-color: var(--color-gray-darker);
  color: var(--color-white);
  padding: 3rem 0;
}
*/

/* ========================================
   STYLES GLOBAUX DU PROJET
   ======================================== */

/* Ajoutez vos styles globaux ici */

/* ========================================
   COMPOSANTS CUSTOM
   ======================================== */

/* Vos composants personnalisés */
/* Exemple :
.custom-card {
  background: white;
  border-radius: var(--radius-lg);
  padding: 2rem;
  box-shadow: var(--shadow-md);
}
*/

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 1199px) {
  /* Desktop petit */
}

@media (max-width: 991px) {
  /* Tablette */
}

@media (max-width: 767px) {
  /* Mobile */
}

@media (max-width: 575px) {
  /* Mobile petit */
}