@layer pmx.foundation, pmx.plugins, pmx.theme;
@layer pmx.plugins {
[data-pmx-type-color="slate"] { --pmx-type-color: light-dark(#526175, #a8b6c8); }
[data-pmx-type-color="blue"] { --pmx-type-color: light-dark(#245dc1, #8bb9ff); }
[data-pmx-type-color="violet"] { --pmx-type-color: light-dark(#7442b8, #c5a3ff); }
[data-pmx-type-color="purple"] { --pmx-type-color: light-dark(#8240a0, #dba2f5); }
[data-pmx-type-color="emerald"] { --pmx-type-color: light-dark(#187349, #74d5a4); }
[data-pmx-type-color="teal"] { --pmx-type-color: light-dark(#16746d, #6ad4c8); }
[data-pmx-type-color="cyan"] { --pmx-type-color: light-dark(#126d8b, #77cfe8); }
[data-pmx-type-color="yellow"] { --pmx-type-color: light-dark(#866300, #e5c65b); }
[data-pmx-type-color="amber"] { --pmx-type-color: light-dark(#935c12, #edba69); }
[data-pmx-type-color="orange"] { --pmx-type-color: light-dark(#a34c19, #ffb080); }
[data-pmx-type-color="red"] { --pmx-type-color: light-dark(#b3333e, #ff99a4); }
[data-pmx-type-color="rose"] { --pmx-type-color: light-dark(#aa355e, #f7a0c1); }
.pmx-type-label { display: inline-flex; align-items: center; gap: .4em; color: var(--pmx-type-color); font-size: .8rem; font-weight: 600; line-height: 1.4; }
.pmx-type-label svg { flex: none; }
.pmx-type-preview { display: flex; align-items: center; gap: .75rem; margin-block: 1rem; padding: 1rem; border: 1px solid var(--pmx-color-border, #8885); border-radius: .5rem; }
.pmx-type-preview .pmx-type-label { font-size: 1rem; }
.pmx-type-preview code { margin-inline-start: auto; font-size: .8rem; }
}