Code YAML gestion des couleurs question de débutant

Bonjour,
Force a force d’aide de la communauté et de pompage de code j’arrive maintenant a personnaliser mes cartes, mais j’ai une interrogation sur la gestion des couleurs
par exemple dans le code suivant :

type: custom:mushroom-cover-card
entity: cover.volet_eric
hold_action:
  action: none
double_tap_action:
  action: none
name: Volet Ch Eric
show_buttons_control: true
icon: mdi:window-shutter-open
fill_container: false
tap_action:
  action: none
card_mod:
  style: |
    ha-state-icon {
     {% set state = states('cover.volet_eric') %}
     {% if state == 'open' %}
       color: green;
       --card-mod-icon: mdi:window-shutter-open;
     {% else %}
       color: red;
       --card-mod-icon: mdi:window-shutter
     {% endif %}  
    }

je ne vois pas la différence si j’utilise ce code pour la couleur :

color: var(--green-color);

ou bien celui la :

color: green;

y a t il des préférences a respecter pour la gestion des couleurs ?