/* ================================================================
   COLORS-17.CSS — Palette : Ardoise marine + Rouge brique
   Solidité et fiabilité — BTP sérieux, accent franc
   ================================================================ */

:root {

    /* === ROUGE BRIQUE (marque principale / CTA) === */
    --color-primary: #b91c1c;
    --color-primary-rgb: 185, 28, 28;

    /* === ARDOISE MARINE === */
    --color-secondary-light: #2563eb;
    --color-secondary: #1e3a5f;
    --color-secondary-dark: #0c2040;
    --color-secondary-rgb: 30, 58, 95;

    --color-link: #93c5fd;

    /* === ACCENT (rouge plus vif) === */
    --color-accent: #b91c1c;
    --color-accent-light: #ef4444;
    --color-accent-rgb: 185, 28, 28;

    /* === VERT (validation / WhatsApp) === */
    --color-success: #22c55e;
    --color-whatsapp: #22c55e;
    --color-whatsapp-dark: #128c7e;

    /* === TEXTES === */
    --color-text-dark: #0c2040;
    --color-text-light: #ffffff;

    /* === GRIS === */
    --color-gray-light: #f0f4f8;
    --color-gray: #575e6b;
    --color-gray-dark: #374151;

    /* === DIVERS === */
    --color-black: #000000;
    --color-white: #ffffff;

    /* === GRADIENTS RÉUTILISABLES === */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-accent-light));
    --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, #7f1d1d, var(--color-primary));
    --gradient-whatsapp: linear-gradient(135deg, var(--color-whatsapp), var(--color-whatsapp-dark));

    /* === 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);
}