.tag{background:var(--tag-default-bg);color:var(--tag-default-fg);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;padding:5px 8px;font-size:12px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.tag--systems{background:var(--tag-systems-bg);color:var(--tag-systems-fg)}.tag--websites{background:var(--tag-websites-bg);color:var(--tag-websites-fg)}.tag--thesis{background:var(--tag-thesis-bg);color:var(--tag-thesis-fg)}.tag--tool{background:var(--tag-tool-bg);color:var(--tag-tool-fg)}.tag--home{background:var(--tag-websites-bg);color:var(--tag-websites-fg)}.tag--finance{background:var(--tag-systems-bg);color:var(--tag-systems-fg)}.tag--brands{background:var(--tag-tool-bg);color:var(--tag-tool-fg)}