.aw-tone { color: var(--aw-tone-fg); background: var(--aw-tone-bg); border: 1px solid var(--aw-tone-border); }
.aw-tone--success { --aw-tone-fg: var(--aw-success); --aw-tone-bg: var(--aw-success-bg); --aw-tone-border: var(--aw-success-border); }
.aw-tone--warning { --aw-tone-fg: var(--aw-warning); --aw-tone-bg: var(--aw-warning-bg); --aw-tone-border: var(--aw-warning-border); }
.aw-tone--danger  { --aw-tone-fg: var(--aw-danger);  --aw-tone-bg: var(--aw-danger-bg);  --aw-tone-border: var(--aw-danger-border); }
.aw-tone--info    { --aw-tone-fg: var(--aw-info);    --aw-tone-bg: var(--aw-info-bg);    --aw-tone-border: var(--aw-info-border); }
.aw-tone--neutral { --aw-tone-fg: var(--aw-neutral); --aw-tone-bg: var(--aw-neutral-bg); --aw-tone-border: var(--aw-neutral-border); }