:root {
    /* ══ PALETTE PRINCIPALE ══ */
    --color-accent-50: #F5F3FF;
    --color-accent-100: #EDE9FE;
    --color-accent-200: #DDD6FE;
    --color-accent-300: #C4B5FD;
    --color-accent-400: #A78BFA;
    --color-accent-500: #8B5CF6;
    --color-accent-600: #7C3AED;
    --color-accent-700: #6D28D9;
    --color-accent-800: #5B21B6;
    --color-accent-900: #4C1D95;

    /* Neutres */
    --color-gray-50: #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #6B7280;
    --color-gray-600: #4B5563;
    --color-gray-700: #374151;
    --color-gray-800: #1F2937;
    --color-gray-900: #111827;
    --color-gray-950: #0B0F19;
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* Fonctionnelles */
    --color-success-500: #10B981;
    --color-success-600: #059669;
    --color-warning-500: #F59E0B;
    --color-warning-600: #D97706;
    --color-error-500: #EF4444;
    --color-error-600: #DC2626;
    --color-info-500: #3B82F6;
    --color-info-600: #2563EB;

    /* Catégories d'outils */
    --color-cat-social: #8B5CF6;
    --color-cat-ai: #06B6D4;
    --color-cat-calc: #EF4444;
    --color-cat-gen: #F59E0B;
    --color-cat-util: #3B82F6;

    /* ══ TYPOGRAPHIE ══ */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;

    /* ══ ESPACEMENT ══ */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* ══ ARRONDIS ══ */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-2xl: 28px;
    --radius-full: 9999px;

    /* ══ OMBRES ══ */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 50px -5px rgba(0, 0, 0, 0.1);

    /* ══ TRANSITIONS ══ */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
}