:root {
  --ui-card-radius: 18px;
  --ui-card-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  --ui-card-shadow-hover: 0 24px 60px rgba(15, 23, 42, 0.12);
  --ui-control-radius: 14px;
  --ui-btn-radius: 999px;
}

.card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--ui-card-radius);
  box-shadow: var(--ui-card-shadow);
}

.card:hover {
  box-shadow: var(--ui-card-shadow-hover);
}

.card-header,
.card-footer {
  background: transparent;
  border-color: rgba(15, 23, 42, 0.08);
}

.btn,
.form-control,
.form-select,
.input-group-text {
  border-radius: var(--ui-control-radius);
}

.btn {
  border-radius: var(--ui-btn-radius);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.btn-outline-primary,
.btn-outline-secondary {
  border-width: 1px;
}

.alert {
  border-radius: 16px;
}

.badge {
  border-radius: 999px;
}

.list-group-item {
  border-color: rgba(15, 23, 42, 0.08);
}

.btn-check + .btn {
  border-radius: 12px;
}