/* ------------------
   Variables Globales (Thème)
   ------------------ */
:root {
    --color-background: #1e1e2f;
    --color-card-bg: #27293d;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0a0b0;
    --color-accent: #6c63ff;
    --color-error-bg: #ff47571a;
    --color-error-text: #ff4757;
    --border-radius: 8px;
    --font-family: 'Inter', sans-serif;
}

/* ------------------
   Reset Global
   ------------------ */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ------------------
   Mise en Page Globale
   ------------------ */
body {
    font-family: var(--font-family);
    background-color: var(--color-background);
    color: var(--color-text-primary);
    display: flex;
    flex-direction: column; 
    align-items: center; 
    min-height: 100vh;
    padding: 0;
}