/* ================================================================
   Colors, palette 4 : Violet prune + Anthracite + Rose
   ================================================================ */

:root {

    /* === violet prune (marque principale / CTA) === */
    --color-primary: #84d1ff;
    --color-primary-text : #fff;
    --color-primary-rgb: 126, 34, 206;

    /* === anthracite bleuté === */
    --color-secondary-light: #4b4f66;
    --color-secondary: #2b2d42;
    --color-secondary-dark: #14151f;
    --color-secondary-rgb: 43, 45, 66;

    --color-link: #c4a7f0;

    /* === accent (rose framboise, pour les badges urgence) === */
    --color-accent: #3a66c0;
    --color-accent-light: #84d1ff;
    --color-accent-rgb: 190, 24, 93;

    /* === vert (validation / whatsapp) === */
    --color-success: #57cd82;
    --color-whatsapp: #0e8350;
    --color-whatsapp-dark: #0b6e43;

    /* === textes === */
    --color-text-dark: #1e1b2e;
    --color-text-light: #ffffff;

    /* === gris === */
    --color-gray-light: #f5f4f8;
    --color-gray: #9794a3;
    --color-gray-dark: #3b3949;

    /* === divers === */
    --color-black: #000000;

    /* === gradients réutilisables === */
    --gradient-primary:    linear-gradient(135deg, var(--color-primary), #5b1a99);
    --gradient-secondary:  linear-gradient(135deg, var(--color-secondary-dark), var(--color-secondary-light));
    --gradient-accent:     linear-gradient(135deg, var(--color-accent), var(--color-accent-light));
    --gradient-orange-red: linear-gradient(135deg, var(--color-accent), var(--color-primary));
    --gradient-whatsapp:   linear-gradient(135deg, var(--color-whatsapp), var(--color-whatsapp-dark));
    --gradient-cta:    linear-gradient(135deg, var(--color-primary), #5b1a99);

    /* === ombres colorées === */
    --shadow-primary:         0 4px 12px rgba(var(--color-primary-rgb), 0.3);
    --shadow-primary-hover:   0 6px 16px rgba(var(--color-primary-rgb), 0.4);
    --shadow-secondary:       0 4px 12px rgba(var(--color-secondary-rgb), 0.3);
    --shadow-secondary-hover: 0 6px 16px rgba(var(--color-secondary-rgb), 0.4);
    --shadow-accent:          0 4px 12px rgba(var(--color-accent-rgb), 0.3);
    --shadow-accent-hover:    0 6px 16px rgba(var(--color-accent-rgb), 0.4);
}