/* Base CSS - Reset, Fonts, Variables globales */

/* Reset et styles de base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'KoHo', sans-serif;
    font-weight: 400;
    background-color: #ffffff;  /* Blanc pur comme les cercles du logo */
    color: #333;
    overflow-x: hidden;
    perspective: 1000px;
}

/* Variables CSS globales */
:root {
    /* Tailles de police et espacement */
    --text-line-font-size-css: 2.2em;
    --text-line-height-css: 1.25;
    --text-line-margin-bottom: 0.3em;
    
    /* Durées d'animation de la colonne gauche */
    --left-text-animation-duration: 1.2s;
    --left-text-opacity-duration: 0.9s;
    
    /* WE DREAM (Nuage flou qui devient net) */
    --dream-letter-duration: 1s;
    --dream-letter-stagger: 0.08s;

    /* WE DESIGN (Effet pinceau) */
    --design-letter-duration: 0.8s;
    --design-letter-stagger: 0.06s;
    
    /* WE DELIVER (Livraison depuis la droite) */
    --deliver-letter-duration: 1s;
    --deliver-letter-stagger: 0.1s;

    /* WE REFINE (Typewriter simple) */
    --typewriter-char-speed: 70ms;
    --typewriter-pause: 350ms;

    /* WE FINALIZE (Puzzle + point) */
    --finalize-letter-duration: 0.8s;
    --finalize-letter-stagger: 0.1s;
    --finalize-period-delay: 600ms;
    --finalize-period-duration: 0.8s;
    
    /* Couleurs */
    --primary-color: #3498db;
    --text-color: #2c3e50;
    --background-color: #f0f0f0;
}