:root {
  --wa-color-surface-raised: var(--ui-surface);
  --wa-color-surface-default: var(--ui-surface);
  --wa-color-surface-lowered: var(--ui-surface-muted);
  --wa-color-surface-border: var(--ui-border);
  --wa-color-text-normal: var(--ui-ink);
  --wa-color-text-quiet: var(--ui-muted);
  --wa-color-brand-fill-quiet: var(--ui-accent-soft);
  --wa-color-brand-fill-normal: var(--ui-accent-soft);
  --wa-color-brand-fill-loud: var(--ui-accent);
  --wa-color-brand-border-quiet: var(--ui-accent-border);
  --wa-color-brand-border-normal: var(--ui-accent-border);
  --wa-color-brand-border-loud: var(--ui-accent);
  --wa-color-brand-on-quiet: var(--ui-accent);
  --wa-color-brand-on-normal: var(--ui-accent);
  --wa-color-brand-on-loud: var(--ui-btn-ink);
  --wa-color-success-fill-quiet: var(--ui-accent-soft);
  --wa-color-success-fill-normal: var(--ui-accent-soft);
  --wa-color-success-border-quiet: var(--ui-accent-border);
  --wa-color-success-border-normal: var(--ui-accent-border);
  --wa-color-success-on-quiet: var(--ui-accent);
  --wa-color-success-on-normal: var(--ui-accent);
  --wa-color-warning-fill-quiet: var(--ui-warn-soft);
  --wa-color-warning-fill-normal: var(--ui-warn-soft);
  --wa-color-warning-border-quiet: var(--ui-warn-border);
  --wa-color-warning-border-normal: var(--ui-warn-border);
  --wa-color-warning-on-quiet: var(--ui-warn);
  --wa-color-warning-on-normal: var(--ui-warn);
  --wa-color-danger-fill-quiet: var(--ui-danger-soft);
  --wa-color-danger-fill-normal: var(--ui-danger-soft);
  --wa-color-danger-border-quiet: var(--ui-danger-border);
  --wa-color-danger-border-normal: var(--ui-danger-border);
  --wa-color-danger-on-quiet: var(--ui-danger);
  --wa-color-danger-on-normal: var(--ui-danger);
  --wa-border-radius-s: var(--ui-radius-sm);
  --wa-border-radius-m: var(--ui-radius);
  --wa-focus-ring-color: var(--ui-focus-ring-color);
}

wa-badge::part(base) {
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}