@charset "UTF-8";

:root {
    --color-primary: #283f22;
    --color-secondary: #69a859;
    --color-accent: #d3b67d;
    --color-white: #ffffff;
    --color-gray-light: #f5f5f5;
    --color-gray: #666666;
    --color-text: #333333;
    --border-radius: 6px;
    --shadow: 0 2px 10px rgba(0,0,0,0.1);
    --transition: all 0.3s ease;
}

/* Anti-flash de contenu non stylé avec fallback */
body { 
    opacity: 0; 
    transition: opacity 0.2s ease; 
} 

/* Fallback si JavaScript désactivé - affichage après 0.3s */
body {
    animation: showContent 0.1s ease 0.15s forwards;
}

@keyframes showContent {
    to { opacity: 1; }
}

/* Si JavaScript activé, cette classe annule l'animation et prend le contrôle */
body.visible { 
    opacity: 1;
    animation: none;
}