.accent-red {
    --accent: var(--color-system-red);
}

.accent-orange {
    --accent: var(--color-system-orange);
}

.accent-yellow {
    --accent: var(--color-system-yellow);
}

.accent-green {
    --accent: var(--color-system-green);
}

.accent-mint {
    --accent: var(--color-system-mint);
}

.accent-teal {
    --accent: var(--color-system-teal);
}

.accent-cyan {
    --accent: var(--color-system-cyan);
}

.accent-blue {
    --accent: var(--color-system-blue);
}

.accent-indigo {
    --accent: var(--color-system-indigo);
}

.accent-purple {
    --accent: var(--color-system-purple);
}

.accent-pink {
    --accent: var(--color-system-pink);
}

.accent-brown {
    --accent: var(--color-system-brown);
}

/* Named aliases used in landing-page content models. */
.accent-violet {
    --accent: var(--color-system-purple);
}

.accent-rose {
    --accent: var(--color-system-pink);
}

.accent-amber {
    --accent: var(--color-system-orange);
}

.accent-moss {
    --accent: var(--color-system-green);
}

.accent-aqua {
    --accent: var(--color-system-teal);
}

.accent-sand {
    --accent: var(--color-system-brown);
}

.accent-frost {
    --accent: var(--color-system-blue);
}