/* CSS global de l'app */

@import '../../node_modules/modern-normalize/modern-normalize.css';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
@import 'global/variables.css';
@import 'global/utilities.css';
@import 'components/burger-menu.css';
@import 'components/burger-menu-client.css';
@import 'components/desktop-nav.css'; 
@import 'components/scroll-to-top.css';
@import 'components/desktop-nav-client.css';


/* Reset moderne et minimal */
*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--font-family-sans);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    color: var(--color-text-normal);
    background: var(--bg-gradient-intense);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

p{
    font-family: var(--font-family-mono);
    font-size: var(--text-base);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-display);

}

h1, h2 {
    font-size: var(--text-lg);

}

h3, h4, h5, h6 {
    font-size: var(--text-base);
    font-weight: var(--font-semibold);

}

.p--color-primary{
    color: var(--color-text-normal);
}


.submit-btn{
color: white;
background: #4ade80;
}

.btn-danger {

    color: white;
    background: #f87171;
}

.btn {
    color: var(--color-link);
    background: var(--color-btn-bg);
}





/* Media Queries pour la réactivité */



@media (min-width: 768px) {
    
    html {
        font-size: 18px;
    }

    body {
    font-size: var(--text-base);
    line-height: var(--leading-normal);
}


h3, h4, h5, h6 {
    font-size: var(--text-xl);

}

h1, h2 {
    font-size: var(--text-2xl);

}

p{
    
    font-size: var(--text-lg);
}


}

/* ===============================
   ACCESSIBILITÉ
   =============================== */

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

/* Respect des préférences de mouvement */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Contrastes améliorés en mode sombre */
@media (prefers-color-scheme: dark) {
    :root {
        --text-primary: var(--gray-100);
        --text-secondary: var(--gray-300);
        --bg-primary: var(--gray-900);
        --bg-secondary: var(--gray-800);
    }
}

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

@media print {
    .mobile-nav,
    .burger-overlay,
    .no-print {
        display: none !important;
    }
    
    .app-main {
        padding-bottom: 0 !important;
    }
}