:root {

    /* =========================================
       ADAPTACCESSOIRES — BRAND COLORS
       ========================================= */

    /* Bleu — couleur principale */
    --aa-primary: #2596BE;
    --aa-primary-dark: #1D7898;
    --aa-primary-light: #EAF7FB;


    /* Violet prune — identité premium */
    --aa-plum: #6B214F;
    --aa-plum-dark: #51183B;
    --aa-plum-light: #F5E9EF;


    /* Orange — accent */
    --aa-secondary: #FF6900;
    --aa-secondary-dark: #D95500;
    --aa-secondary-light: #FFF0E7;


    /* =========================================
       NEUTRAL COLORS
       ========================================= */

    --aa-white: #FFFFFF;
    --aa-black: #111111;

    --aa-background: #F8F7F4;
    --aa-surface: #FFFFFF;
    --aa-surface-soft: #F4F4F2;

    --aa-text: #222222;
    --aa-text-light: #666666;
    --aa-text-muted: #888888;

    --aa-border: #E6E6E6;
    --aa-border-dark: #D5D5D5;


    /* =========================================
       DARK / FOOTER
       ========================================= */

    --aa-dark: #102F3A;
    --aa-dark-soft: #173F4B;
    --aa-dark-text: #FFFFFF;
    --aa-dark-muted: rgba(255, 255, 255, 0.72);


    /* =========================================
       TYPOGRAPHY
       ========================================= */

    --aa-font-heading:
        "Playfair Display",
        Georgia,
        "Times New Roman",
        serif;

    --aa-font-body:
        "Montserrat",
        Arial,
        Helvetica,
        sans-serif;


    /* =========================================
       FONT SIZES
       ========================================= */

    --aa-text-xs: 12px;
    --aa-text-sm: 14px;
    --aa-text-md: 16px;
    --aa-text-lg: 18px;

    --aa-heading-xs: 20px;
    --aa-heading-sm: 28px;
    --aa-heading-md: 38px;
    --aa-heading-lg: 52px;
    --aa-heading-xl: 68px;


    /* =========================================
       LINE HEIGHT
       ========================================= */

    --aa-line-tight: 1.1;
    --aa-line-heading: 1.2;
    --aa-line-normal: 1.6;
    --aa-line-relaxed: 1.8;


    /* =========================================
       CONTAINER
       ========================================= */

    --aa-container: 1320px;
    --aa-container-narrow: 900px;


    /* =========================================
       SPACING
       ========================================= */

    --aa-space-1: 4px;
    --aa-space-2: 8px;
    --aa-space-3: 12px;
    --aa-space-4: 16px;
    --aa-space-5: 20px;
    --aa-space-6: 24px;
    --aa-space-7: 32px;
    --aa-space-8: 40px;
    --aa-space-9: 48px;
    --aa-space-10: 64px;
    --aa-space-11: 80px;
    --aa-space-12: 96px;
    --aa-space-13: 120px;


    /* =========================================
       BORDER RADIUS
       ========================================= */

    --aa-radius-sm: 8px;
    --aa-radius-md: 14px;
    --aa-radius-lg: 20px;
    --aa-radius-xl: 28px;

    --aa-radius-pill: 999px;


    /* =========================================
       SHADOWS
       ========================================= */

    --aa-shadow-sm:
        0 4px 14px rgba(0, 0, 0, 0.06);

    --aa-shadow-md:
        0 10px 30px rgba(0, 0, 0, 0.10);

    --aa-shadow-lg:
        0 20px 60px rgba(0, 0, 0, 0.14);


    /* =========================================
       TRANSITIONS
       ========================================= */

    --aa-transition-fast: 0.2s ease;

    --aa-transition: 0.35s ease;

    --aa-transition-slow: 0.6s ease;


    /* =========================================
       Z-INDEX
       ========================================= */

    --aa-z-header: 1000;
    --aa-z-floating: 1100;
    --aa-z-modal: 2000;
}