/* ========== Design Tokens — Devolim ========== */
:root {
    /* Couleurs principales */
    --primary: #5B6CFF;
    --primary-rgb: 91, 108, 255;
    --accent: #00D9FF;
    --accent-rgb: 0, 217, 255;

    /* Surfaces dark */
    --dark: #0A0A0F;
    --dark-elevated: #12121A;
    --dark-surface: #1A1A25;
    --dark-border: rgba(91, 108, 255, 0.12);

    /* Texte */
    --white: #FFFFFF;
    --text-primary: #F0F0F5;
    --text-secondary: #9BA1B0;
    --text-muted: #636E7A;

    /* Gradients */
    --gradient: linear-gradient(135deg, #5B6CFF, #00D9FF);
    --gradient-reverse: linear-gradient(135deg, #00D9FF, #5B6CFF);
    --gradient-subtle: linear-gradient(135deg, rgba(91,108,255,0.15), rgba(0,217,255,0.08));

    /* Gradients de marque par app */
    --hash-gradient: linear-gradient(135deg, #1A1A4E, #2D3A8C);
    --piou-gradient: linear-gradient(135deg, #FF6B8A, #FF8E53);
    --daitly-gradient: linear-gradient(135deg, #7C3AED, #A855F7);
    --backup-gradient: linear-gradient(135deg, #059669, #10B981);

    /* Glass */
    --glass-bg: rgba(18, 18, 26, 0.6);
    --glass-border: rgba(91, 108, 255, 0.15);
    --glass-blur: 20px;

    /* Ombres */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 30px rgba(91, 108, 255, 0.3);
    --shadow-glow-accent: 0 0 30px rgba(0, 217, 255, 0.3);

    /* Espacements */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 8rem;

    /* Conteneur */
    --container-max: 1200px;
    --container-wide: 1400px;
    --container-padding: 5%;

    /* Rayons */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 50px;

    /* Transitions */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --transition-fast: 0.2s var(--ease-out);
    --transition-base: 0.3s var(--ease-out);
    --transition-slow: 0.6s var(--ease-out);

    /* Z-index */
    --z-base: 1;
    --z-header: 100;
    --z-overlay: 200;
    --z-modal: 300;
    --z-cursor: 9999;
}