export const SEMANTIC_CSS_MAP = {
  "status-primary": "primary",
  "status-success": "success",
  "status-warning": "warning",
  "status-danger": "danger",
  "status-info": "info",
  "status-tertiary": "tertiary",
  "text-link": "link",
  "text-primary": "foreground",
  "text-secondary": "foreground-secondary",
  "text-tertiary": "foreground-muted",
  "text-disabled": "foreground-disabled",
  "text-inverse": "foreground-inverse",
  "bg-page": "page",
  "bg-surface": "surface",
  "bg-elevated": "elevated",
  "bg-disabled": "disabled",
  "bg-card-secondary": "card-secondary",
  "bg-chat-incoming": "chat-incoming",
  "bg-chat-outgoing": "chat-outgoing",
  "bg-chat-outgoing-ai": "chat-outgoing-ai",
  "fill-default": "fill",
  "fill-hover": "fill-hover",
  "fill-active": "fill-active",
  "border-default": "border-default",
  "border-strong": "border-strong",
  "border-brand": "border-brand",
  "overlay-bg": "overlay",
  "focus-ring": "ring",
  "status-link": "link",
  "border-divider": "border-divider",
  "border-chart-grid": "border-chart-grid",
  "border-chart-axis": "border-chart-axis",
  "overlay": "overlay",
  "ring": "ring"
};
