:root,
[data-theme] {
  --booxi-block-radius: 1rem;
  --booxi-field-radius: 0.55rem;
  --booxi-control-radius: 0.2rem;
  --booxi-tab-radius: 0rem;
  --radius-box: var(--booxi-block-radius);
  --radius-field: var(--booxi-field-radius);
  --radius-selector: var(--booxi-control-radius);
}

.card,
.modal-box,
.dropdown-content,
.menu,
.alert,
.table,
.collapse,
.collapse-content,
.collapse-title,
fieldset,
details {
  border-radius: var(--booxi-block-radius) !important;
}

.btn:not(.btn-circle) {
  border-radius: var(--booxi-control-radius) !important;
}

.input,
.select,
.textarea {
  border-radius: var(--booxi-field-radius) !important;
}

main :is(.rounded-sm, .rounded-md, .rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.btn):not(.tab):not(.join-item):not(.toggle):not(.badge):not([role="tab"]):not([role="button"]) {
  border-radius: var(--booxi-block-radius) !important;
}

.tabs-box,
.tabs.tabs-boxed,
.tabs .tab,
.tabs .tab.tab-active,
.join .join-item {
  border-radius: var(--booxi-tab-radius) !important;
}

.sidebar-link {
  border-radius: 0.9rem !important;
}

.sidebar-submenu a {
  border-radius: 0.8rem !important;
}

.sidebar-user-card,
.topbar-dropdown,
.alert-success {
  border-radius: var(--booxi-block-radius) !important;
}

main .settings-section,
main .finance-metric,
main .finance-panel,
main .finance-table-card,
main .chat-shell,
main .chat-pane,
main .chat-compose {
  border-radius: var(--booxi-block-radius) !important;
}

.profile-pill {
  border-radius: 9999px !important;
}

.toggle,
.toggle::before {
  border-radius: 9999px !important;
}

.btn.rounded-full:not(.btn-circle) {
  border-radius: var(--booxi-control-radius) !important;
}

.input.rounded-full,
.select.rounded-full,
.textarea.rounded-full {
  border-radius: 9999px !important;
}