/* Site-wide corner radius for bordered UI */

:root {
  --radius: 4px;
}

button,
[type="button"],
[type="submit"],
[type="reset"],
.btn,
.card,
.card-action,
.item,
.share-x,
.library-link,
.modal,
.modal-box,
.modal-content,
.modal-panel,
.panel,
.empty-state,
.chara-card,
.chara-list,
.tool-pick,
.seg-control button,
.seg-btn,
.seg button,
.tag,
.chip,
.tag-btn,
.choice,
.choice-btn,
.quiz-option,
.quiz-card,
.option-card,
.drop-zone,
.favorites-drop-placeholder,
.accent-line,
.image-panel,
.image-frame,
.search-input,
.toolbar .btn,
.btn-add,
.field input:not([type="checkbox"]):not([type="radio"]),
.field textarea,
.field select,
input.toolbar-input,
.list-item,
.row-card,
.scene-card,
.history-item,
.stats-panel,
.tool-card,
.cross-banner,
.result-card,
.question-card,
.path-card,
.toolbar button,
.toolbar-btn,
.controls button,
.action-bar button,
.edit-header button,
.list-toolbar button,
.filter-bar button {
  border-radius: var(--radius);
}