/* ===== VARIABLES ===== */
:root {
    /* Couleurs */
    --couleur-fonce: #0a0a0a;
    --couleur-clair: #ededec;
    --couleur-primaire: #f58c13;
    --couleur-primaire-light: rgba(245, 140, 19, 0.8);
    --couleur-blanc: #ffffff;

    /*Espacements */
    --espacement-xs: 0.5rem;   /* 8px */
    --espacement-sm: 0.8rem;   /* ~13px */
    --espacement-md: 1rem;     /* 16px */
    --espacement-lg: 1.3rem;   /* ~21px */
    --espacement-xl: 2rem;     /* 32px */

    /* Bordures */
    --border-radius-sm: 5px;
    --border-radius-md: 10px;
    --border-epaisseur: 5px;

    /* Boutons */
    --btn-padding-vertical: var(--espacement-xs);
    --btn-padding-horizontal: var(--espacement-sm);
    --btn-margin-md: var(--espacement-md) 0;
    --btn-margin-xs: var(--espacement-xs) 0;
    
    /* Typographie */
    --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --interligne: 1.78;
    --font-size-xs: 0.5rem;   /* 8px */
    --font-size-sm: 0.8rem;   /* ~13px */
    --font-size-md: 1rem;     /* 16px */
    --font-size-lg: 1.3rem;   /* ~21px */
    --font-size-xl: 2rem;     /* 32px */
}