/*
 * Seonis wears the OperatorCompliance product-page layout in its own colour.
 *
 * Almost nothing needs saying here: that stylesheet reads its accent from two
 * custom properties, so redefining them on the page's own class moves every
 * button, rule and highlight at once. The three rules after that are the
 * places where a hex code was written out by hand rather than read from a
 * token, which is the only reason they need repeating.
 *
 * Loaded after operator-compliance.css. The double class raises specificity
 * above the base definition without resorting to !important.
 */

.fl-operator-compliance.fl-seonis {
    --oc-blue: #b4690e;
    --oc-blue-dark: #8a4f09;
}

.fl-seonis .oc-card__icon--blue {
    color: #b4690e;
    background: #fdf3e6;
}

.fl-seonis .oc-audience-symbol--blue {
    color: #b4690e;
}

.fl-seonis .oc-workflow > h3 {
    color: #f0bd7a;
}

/* The wordmark carries the brand where a logo would, so it gets the accent. */
.fl-seonis .oc-wordmark {
    color: var(--oc-ink);
}

.fl-seonis .oc-wordmark small {
    color: #b4690e;
}