/* Semantic UI roles. Status meaning and user-selected colors are not branding. */
:root {
    --radius-sm: calc(var(--radius) * .75);
    --radius-lg: calc(var(--radius) * 1.5);
    --info: #1d4ed8;
    --success: #067647;
    --warning: #925400;
    --error: #b42338;
    --critical: #ad174d;
    --info-solid: #1d4ed8;
    --success-solid: #067647;
    --warning-solid: #925400;
    --error-solid: #b42338;
    --on-color: #ffffff;
    --overlay-ink: #000000;
    --artwork-ink: #454545;
    --subtle: var(--muted-foreground);
    --line-strong: color-mix(in srgb, var(--foreground) 22%, var(--card));
}
html.dark {
    --info: #93c5fd;
    --success: #75e0a7;
    --warning: #f4c76d;
    --error: #ff9ba8;
    --critical: #ff9fbd;
    --destructive: var(--error);
    --destructive-foreground: #17191d;
}