a[data-color] {
    text-decoration: none;    
}

/* a[data-color]:visited {
    color: black;
} */

a[data-color="red"] {
    color: rgb(248, 113, 113);
}
a[data-color="orange"] {
    color: rgb(251, 146, 60);
}
a[data-color="yellow"] {
    color: rgb(250, 204, 21);
}
a[data-color="green"] {
    color: rgb(74, 222, 128);
}
a[data-color="teal"] {
    color: rgb(45, 212, 191);
}
a[data-color="cyan"] {
    color: rgb(34, 211, 238);
}
a[data-color="blue"] {
    color: rgb(96, 165, 250);
}
a[data-color="indigo"] {
    color: rgb(129, 140, 248);
}
a[data-color="violet"] {
    color: rgb(167, 139, 250);
}
a[data-color="purple"] {
    color: rgb(192, 132, 252);
}
a[data-color="fuchisa"] {
    color: rgb(232, 121, 249);
}
a[data-color="pink"] {
    color: rgb(244, 114, 182);
}
a[data-color="gray"] {
    color: rgb(155, 162, 174);
}

.message:has(span span[data-highlight="yes"]) {
    background-color: var(--highlight-color);
}

p {
    background-color: inherit;
}