/* XML / SVG syntax colors, in the same palette as the JSON tool */

:root,
:root[data-theme="dark"] {
  --color-token-tag: #5BA8BC;
  --color-token-attribute: #C08CFF;
  --color-token-value: #F28B82;
  --color-token-comment: #93A7B0;
  --color-token-meta: #FFA24D;
  --color-token-entity: #3DD6B5;
}

:root[data-theme="light"] {
  --color-token-tag: #23677A;
  --color-token-attribute: #8000FF;
  --color-token-value: #9B1C1C;
  --color-token-comment: #4D5E66;
  --color-token-meta: #E07000;
  --color-token-entity: #008F7A;
}

.token-tag {
  color: var(--color-token-tag);
  font-weight: 700;
}

.token-attribute {
  color: var(--color-token-attribute);
}

.token-value {
  color: var(--color-token-value);
}

.token-comment {
  color: var(--color-token-comment);
  font-style: italic;
}

.token-meta {
  color: var(--color-token-meta);
}

.token-entity {
  color: var(--color-token-entity);
}

.token-punctuation {
  color: var(--color-text);
}