@font-face {
    font-family: 'IvyEpic';
    src: url('../fonts/IvyEpic Variable.otf') format('opentype-variations');
    font-weight: 100 900;
    font-display: swap;
}

:root {
    /* Palette de couleurs */
    --primary: #777f6c;
    --primary-dark: #5c614f;  /* Version plus foncée pour hover */
    --success: #9bb7a7;
    --error: #ff6b6b;
    --warning: #ffd93d;
    --text: #9bb7a7;
    --text-light: #768c80;
    --background: #161813;
    --white: #9bb7a7;
    --border: #2a2d24;

    /* Espacements */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* Autres variables */
    --border-radius: 4px;
    --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

body {
    font-family: 'IvyEpic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    line-height: 1.6;
    color: var(--text);
    background: var(--background);
    font-weight: 400;
}

/* Typographie */
h1, h2, h3, h4, h5, h6 {
    font-family: 'IvyEpic', sans-serif;
    font-weight: 300;
}

/* Layout */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-md);
}

.main-content {
    padding: var(--spacing-xl) 0;
}

/* Utilitaires */
.text-center { text-align: center; }
.mb-1 { margin-bottom: var(--spacing-sm); }
.mb-2 { margin-bottom: var(--spacing-md); }
.mb-3 { margin-bottom: var(--spacing-lg); }