:root {
    --purple: #8B008B;
    --green: #228B22;
    --white: #ffffff;
    --grey: #333;
    --red: #DD5735;
    --blue: #0000FF;
    --orangered: #FF4500;
}

article{
    background-color : var(--white);
    padding : 0.5em 1em;
    margin: 2em;
}
.outer p{
    color: var(--green);
}
    
.alice p{
    color: var(--blue);
}

.alice .bob{
    color: var(--orangered);
}

.important{
    color: var(--red);
}

span{
    background-color: var(--grey);
    color: var(--white);
    padding-left: 1em;
    padding-right: 1em;
}

## Elément CODE
Padding droite et gauche à 1em
couleur blanc sur fond #333

## Couleurs

### Ordre dans la source
purple
green

### Spécificité
blue
violet
orangered
orange
yellow

### Importance
green
red