:root {

    /* Couleurs */
    --color-primary: #C46B1A;
    --color-primary-dark: #A85A15;

    --color-text: #111111;
    --color-text-light: #555555;

    --color-bg: #FFFFFF;
    --color-bg-alt: #F8F6F2;

    --color-border: #E8E2DC;

    --color-success: #3BA55D;
    --color-warning: #E8A317;
    --color-error: #D94A4A;
    --color-info: #2684D8;

    /* Rayons */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Ombres */
    --shadow-sm: 0 6px 18px rgba(0,0,0,.08);
    --shadow-md: 0 12px 30px rgba(0,0,0,.12);

    /* Layout */
    --container-width: 1200px;
    --header-height: 88px;

    /* Transitions */
    --transition-fast: .15s ease;
    --transition: .25s ease;
    --transition-slow: .40s ease;

    /* Z-index */
    --z-header: 100;
    --z-dropdown: 500;
    --z-modal: 1000;
}