/* Design tokens et variables CSS */

/* Score global badge neutre */
/* Score global badge accentué */
.score-badge-global-neutral {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);
    color: var(--accent-dark);
    border-radius: var(--border-radius-md);
    padding: 0.25em 0.7em;
    font-weight: 700;
    font-size: 1em;
    box-shadow: 0 2px 8px rgb(245 158 11 / 0.18);
    border: 1px solid var(--accent-medium);
}
/* SNIPER v2 - INTERFACE MODERNE & FLUIDE */

:root {
    /* Palette de couleurs principale */
    --primary: #6366f1;
    --primary-dark: #4f46e5;
    --primary-light: #a5b4fc;
    --secondary: #06b6d4;
    --accent: #f59e0b;
    --accent-light: #fef3c7;
    --accent-medium: #fbbf24;
    --accent-dark: #b45309;
    --success: #10b981;
    --success-dark: #059669;
    --success-bg: #f0fdf4;
    --warning: #fb923c;
    --danger: #ef4444;
    --danger-dark: #dc2626;
    --danger-bg: #fef2f2;
    --info: #3b82f6;
    --purple: #a855f7;
    --light: #ffffff;

    /* Neutres - Thème sombre */
    --gray-50: #0f172a;
    --gray-100: #1e293b;
    --gray-200: #334155;
    --gray-300: #475569;
    --gray-400: #64748b;
    --gray-500: #94a3b8;
    --gray-600: #cbd5e1;
    --gray-700: #e2e8f0;
    --gray-800: #f1f5f9;
    --gray-900: #f8fafc;

    /* Statuts flux réel */
    --status-achat: #3b82f6;
    --status-achat-light: #93c5fd;
    --status-achat-bg: rgba(59, 130, 246, 0.18);
    --status-reparation: #f59e0b;
    --status-reparation-light: #fcd34d;
    --status-reparation-bg: rgba(245, 158, 11, 0.18);
    --status-vente: #a855f7;
    --status-vente-light: #d8b4fe;
    --status-vente-bg: rgba(168, 85, 247, 0.18);
    --status-vendu: #10b981;
    --status-vendu-light: #6ee7b7;
    --status-vendu-bg: rgba(16, 185, 129, 0.18);
    --status-cloture: #94a3b8;
    --status-cloture-light: #cbd5e1;
    --status-cloture-bg: rgba(148, 163, 184, 0.15);
    --status-abandonne: #ef4444;
    --status-abandonne-light: #fca5a5;
    --status-abandonne-bg: rgba(239, 68, 68, 0.18);

    /* Surfaces et bordures alpha */
    --surface-alpha-subtle: rgba(255, 255, 255, 0.04);
    --surface-alpha-light: rgba(255, 255, 255, 0.08);
    --surface-alpha-medium: rgba(255, 255, 255, 0.12);
    --surface-alpha-strong: rgba(255, 255, 255, 0.18);
    --border-alpha-subtle: rgba(255, 255, 255, 0.06);
    --border-alpha-light: rgba(255, 255, 255, 0.10);
    --border-alpha-medium: rgba(255, 255, 255, 0.15);
    --border-alpha-strong: rgba(255, 255, 255, 0.22);

    /* Typographie — échelle normalisée */
    --text-3xs: 0.65rem;
    --text-2xs: 0.72rem;
    --text-xs: 0.78rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --text-2xl: 1.8rem;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;

    /* Espacement — échelle complète */
    --spacing-3xs: 0.125rem;
    --spacing-2xs: 0.25rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Bordures et effets */
    --border-radius-xs: 4px;
    --border-radius-sm: 8px;
    --border-radius-md: 12px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;
    --border-radius-pill: 999px;
    --border-radius-bar: 6px;

    /* Élévation */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
    --elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12);
    --elevation-2: 0 4px 12px rgba(0, 0, 0, 0.15);
    --elevation-3: 0 10px 24px rgba(0, 0, 0, 0.20);
    --elevation-4: 0 20px 40px rgba(0, 0, 0, 0.25);
    --elevation-primary: 0 8px 20px rgba(99, 102, 241, 0.25);
    --elevation-danger: 0 8px 20px rgba(239, 68, 68, 0.25);
    --elevation-success: 0 8px 20px rgba(16, 185, 129, 0.25);

    /* Gradients réutilisables */
    --gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));
    --gradient-danger: linear-gradient(135deg, var(--danger), var(--danger-dark));
    --gradient-success: linear-gradient(135deg, var(--success), var(--success-dark));
    --gradient-surface: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.72));

    /* Animations */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}