@layer theos.frames{.theos-badge{align-items:center;gap:var(--theos-space-1);padding:0 var(--theos-space-2);min-block-size:calc(var(--theos-space-4) + var(--theos-space-1));line-height:var(--theos-leading-tight);white-space:nowrap;border-radius:var(--theos-radius-sm,0);background:var(--theos-panel,#e0d6c8);color:var(--theos-on-panel,#181818);border:var(--theos-hairline) solid var(--theos-border,#b7aa98);display:inline-flex}.theos-badge--accent{background:color-mix(in srgb, var(--theos-accent) 10%, var(--theos-surface));color:var(--theos-text);border-color:color-mix(in srgb, var(--theos-accent) 45%, var(--theos-border))}.theos-badge--success{background:color-mix(in srgb, var(--theos-success) 10%, var(--theos-surface));color:var(--theos-text);border-color:color-mix(in srgb, var(--theos-success) 45%, var(--theos-border))}.theos-badge--danger{background:color-mix(in srgb, var(--theos-danger) 10%, var(--theos-surface));color:var(--theos-text);border-color:color-mix(in srgb, var(--theos-danger) 45%, var(--theos-border))}.theos-badge--amber{background:color-mix(in srgb, var(--theos-amber) 12%, var(--theos-surface));color:var(--theos-text);border-color:color-mix(in srgb, var(--theos-amber) 45%, var(--theos-border))}}