/* ==========================================================================
   WHM -- Palette Kidlogis #FA83FF
   Shared CSS variables: admin + frontend
   ========================================================================== */

:root {
    /* -- Couleurs principales -- */
    --k:          #FA83FF;   /* magenta Kidlogis -- couleur signature */
    --k-dark:     #e040fb;   /* variante foncee pour hover */
    --k-deep:     #9c27b0;   /* texte fonce sur fond clair -- contraste AA */
    --k-darker:   #6a0080;   /* titres, accents forts */

    /* -- Fonds et surfaces -- */
    --k-bg-light: #fff0ff;   /* fond tres clair */
    --k-bg:       #fce4fc;   /* fond moyen */
    --k-border:   #f48cfb;   /* bordure */

    /* -- Degrades -- */
    --k-grad:     linear-gradient(135deg, #FA83FF 0%, #e040fb 100%);
    --k-grad-lt:  linear-gradient(135deg, #fff0ff 0%, #fce4fc 100%);
    --k-grad-deep:linear-gradient(135deg, #9c27b0 0%, #6a0080 100%);

    /* -- Ombres -- */
    --k-shadow:   rgba(250, 131, 255, 0.22);
    --k-shadow-md:rgba(250, 131, 255, 0.32);

    /* -- Statuts semantiques -- */
    --s-ok:   #22c55e;
    --s-warn: #f59e0b;
    --s-err:  #ef4444;
    --s-info: #3b82f6;
}