/* Text links inherit the foreground of their content surface, including visited links. */
section:is(.darkblue,.petrol) :is(p,li) a,
section:is(.darkblue,.petrol) :is(p,li) a:visited {
    color:var(--text-color, #fff);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.18em;
}
section:is(.darkblue,.petrol) :is(p,li) a:hover {
    color:var(--text-color, #fff);
    text-decoration-thickness:2px;
}
section:is(.darkblue,.petrol) :is(p,li) a:focus-visible {
    color:var(--text-color, #fff);
    outline:2px solid currentColor;
    outline-offset:3px;
    text-decoration-thickness:2px;
}